Какими элементами будет высота div div?

0

У меня есть 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>
  • 1
    Внутренние элементы имеют определенную позицию? или плавать?
  • 0
    Где код? Это вопрос.
Теги:
height

3 ответа

0
Лучший ответ

Похоже на то, что ваш ребенок DIV или содержимое перемещено. Само по себе height: auto; не будет масштабироваться вокруг этого, поскольку он не распознает поплавки как часть обычного порядка документа.

Лучшим решением, вероятно, будет использование overflow: auto; на ваш родительский DIV.

В качестве альтернативы, если поплавки несут ответственность, ваш родительский DIV также будет обтекать плавающий контент, если вы примените float к самому родителю. Однако это может быть не идеальным, потому что это повлияет на его размещение - так что overflow: auto; скорее всего, лучше.

Если вы можете предоставить какие-либо примеры вашего кода, я уверен, что кто-то может дать вам более конкретный пример.

0

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 будет работать.

отредактирован;)

  • 2
    понятно: все существует? не должно ли быть ясно: оба?
0

Если вы имеете в виду что-то вроде

<div style="height: auto">
<div style="height: 50px">ALOHA</div>
</div>

Он исправит родителя.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню