Как заставить div расти с контентом?

Относительно html, как я могу создать контейнер div с содержимым вместо того, чтобы вручную определять ширину и высоту.

Независимо от того, какие размеры логотипа, контейнер не растет вместе с ним: (... как бы исправить это (или его можно исправить)?

Ответ 1

Если вы не определяете ширину и/или высоту, элемент div растет вместе с его содержимым. Если его содержание не будет абсолютным! Если для содержимого установлено значение float, вы должны установить его в контейнер

overflow:hidden

чтобы он расти!

Ответ 2

Поведение по умолчанию для div - это заполнение всей доступной ширины. Несколько способов переопределить это:

set display: inline-block (не поддерживает IE)
float it (с побочным эффектом, ну, плавающий)
set display: inline (но это почти никогда не то, что вы хотите)
set position: absolute
жесткий код ширины (без динамической ширины)

В качестве последнего средства рассмотрим javascript.

Ответ 3

Используйте магическое свойство css, называемое "flex", это действительно удивительно.

yourDiv{
display:flex;
}

Просто убедитесь, что у детей нет позиции: абсолютная, потому что это не будет работать с flex.

Ответ 4

Есть ли у вас образец кода? Div всегда будет полной шириной своего контейнера в качестве элемента block-level.

Ответ 5

Вы можете указать min-width и min-height, а DIV будет регулировать ширину/высоту при изменении содержимого (конечно, не ниже min width/height).

Пример кода рабочего кода

Самые важные свойства css из кода (DIV доступен для редактирования, поэтому просто введите текст и он будет расти с ним по ширине/высоте):

 min-height: 200px;
  min-width: 100px;