Xpoint
   [напомнить пароль]

Родительский div не растягивается

Метки: [без меток]
2009-03-14 22:42:43 [обр] Виталий Fujouw[досье]
Подскажите пожалуйста как сделать чтобы родительский блок растягивался по высоте дочерних блоков с параметром "float".
Нужно сделать рамку вокруг двух колонок, высота которых изменяется. Чтобы поставить два DIV'a рядом применяю float, тогда они "выпадают" из родителя, кем бы он ни был . Или может есть другой способ?
спустя 3 часа 15 минут [обр] Антон Иконников(1/30)[досье]
Самый простой способ - поставить после плавающих DIV'ов DIV c clear:both.
А так вот посмотрите.
спустя 5 часов [обр] Fenrir(0/3)[досье]

3 варианта:

  1. clear:both
<div>
    <div style="float:left">123</div>
    <div style="height:1px;overflow:hidden;clear:both;"></div>
</div>
  1. overflow:auto
<div style="width:100%;overflow:auto;">
    <div style="float:left">123</div>
</div>
  1. float
<div style="width:100%;float:left;">
    <div style="float:left">123</div>
</div>

Посмотрите ещё вот это

спустя 1 день 4 часа [обр] Виталий Fujouw[досье]
Спасибо большое, разобрался!
спустя 15 минут [обр] Виталий Fujouw[досье]

Fenrir[досье]
А вот у Вас не совсем то получается...
Первый вариант - рамка родительского блока вокруг колонок (хорошо), текст правой колонки под левой получается (плохо)
Второй - не пробовал ибо похож на третий :)
Третий - рамка не вокруг колонок (плохо)

А вотвариант предложенный Антон Иконников[досье] – то что нужно

спустя 4 часа 7 минут [обр] Денис(0/2)[досье]
Я в таких случаях задаю для родителя overflow:hidden;
спустя 1 год 10 месяцев [обр] Гриша[досье]
Здесь на русском: Боремся с флоатами
Powered by POEM™ Engine Copyright © 2002-2005