Как автоматически настроить высоту <div>в соответствии с содержанием в ней?

Question

У меня есть <div>, который должен быть автоматически настроен в соответствии с содержанием в нем. Как я могу это сделать? Прямо сейчас мой контент выходит из <div>

Класс, который я использовал для div, выглядит следующим образом

box-centerside  {
background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
float:left;
height:100px;
width:260px;
}

Answer 1

Вы можете попробовать, тег div будет автоматически соответствовать высоте с содержимым внутри:

height: fit-content;

Answer 2

Я только что использовал

overflow: hidden;

И это сработало для меня должным образом. Этот div имел некоторые элементы с плавающей запятой.

Answer 3

Min- Height : (some Value) units  

---- Используйте только это набор элементов, где вы не можете использовать переполнение, например подсказка

Иначе вы можете использовать свойство переполнения или минимальная высота в соответствии с вашими потребностями.

Answer 4

Установить высоту до последнего заполнителя div.

    <div class="row" style="height:30px;">
    <!--placeholder to make the whole block has valid auto height-->

Answer 5

У меня после попытки все работало нижеприведенное css:

float: left; width: 800px;

Попробуйте в Chrome, проверив элемент, перед тем как поместить его в файл CSS.

Answer 6

height: 59.55%; // Сначала укажите ваш рост, а затем сделайте автоматическое переполнение Переполнение: автоматический;

Answer 7

Просто используйте этот тип дисплея:

display: inline-block;

Answer 8

Я исправил проблему, установив положение элемента в div относительно;

Answer 9

<div> должен расшириться автоматически. Я предполагаю, что проблема в том, что вы используете фиксированный height:100px;, попробуйте заменить его на min-height:100px;

Answer 10

используйте min-height вместо height