Переполнение содержимого CSS из коробки IE <6

Question

У меня есть div, который содержит некоторый текст, у него есть фон с рамкой, но по какой-то причине поле не расширяется до текста, даже с переполнением: auto; Вот мой сценарий для коробки, а также рисунок:

.box {background: #ffdcba; граница: 1px solid # f78d25; дисплей: блок; ясно: оба; поле: 4px 0px; отступ слева: 15 пикселей; переполнение: авто; }

div внутри плавающего, левого и правого, и имеют дисплей: встроенный в них. вот картинка:

http://i45.tinypic.com/2woj1br.gif

Answer 1

Плавающая коробка не будет расширяться, чтобы соответствовать ее содержимому.Вам нужно добавить очищающий элемент после вашего контента.<br> обычно хорошо.

Answer 2

Вы не указываете точную структуру HTML, но я предполагаю, что у вас есть что-то вроде этого:

<div class="box">
    <div style="float: left">test subject></div>
    <div style="float: right">
        <div>ASD</div>
        etc...
    </div>
</div>

Плавающие элементы удаляют их из обычного потока и вызывают «переполнение», которое вы видите. Вам нужно добавить непоплаванный элемент ниже всплывающих частей, чтобы заставить содержащийся файл div.box «расширяться» для размещения поплавков:

  <div class="box">
     <div style="blah blah" ....
     etc....
     <br style="clear: both" />
  </div>

Кроме того, overflow: auto не окажет никакого влияния на ваш стиль .box, потому что он не задает ни высоту, ни ширину - он, естественно, просто расширится, чтобы содержать любой контент, который вы там вставили. Чтобы заставить полосу прокрутки появляться, вам нужно добавить стили height или width и достаточно содержимого, чтобы превысить любой из ограничений.