У меня есть div с height:auto;
Я вижу, что он изменит размер на основе некоторых элементов. Например, он изменяет размер только простым текстом. Однако, если я установил дочерний div с указанным размером, родительская height:auto;
div не будет изменять размер, чтобы поместиться вокруг этого дочернего div.
Так что я блуждал, если бы, возможно, изменился тип отображения? (пока не повезло).
благодаря
EDIT: плагинов внутри родительского div нет, если не считать абсолютные элементы float? Родительский div - позиция: относительная; и ребенок div является абсолютным. Когда я попытался использовать overflow: auto; на родительском div, полосы прокрутки появляются на родительском div вместо того, чтобы сделать его больше при необходимости.
Спасибо за ответы!
<div style="height: auto; position:relative">
<div style="height: 50px; position:absolute;">ALOHA</div>
</div>
Похоже на то, что ваш ребенок DIV или содержимое перемещено. Само по себе height: auto;
не будет масштабироваться вокруг этого, поскольку он не распознает поплавки как часть обычного порядка документа.
Лучшим решением, вероятно, будет использование overflow: auto;
на ваш родительский DIV.
В качестве альтернативы, если поплавки несут ответственность, ваш родительский DIV также будет обтекать плавающий контент, если вы примените float к самому родителю. Однако это может быть не идеальным, потому что это повлияет на его размещение - так что overflow: auto;
скорее всего, лучше.
Если вы можете предоставить какие-либо примеры вашего кода, я уверен, что кто-то может дать вам более конкретный пример.
Div не заполняет родительский div, но если вы измените структуру, например, thi:
<div style="height: auto">
foo bar foo bar<div style="height: 200px">heya</div>
<div class="clear" style="clear: both"></div>
</DIV>
height:auto
будет работать.
отредактирован;)
Если вы имеете в виду что-то вроде
<div style="height: auto">
<div style="height: 50px">ALOHA</div>
</div>
Он исправит родителя.