2013-04-16 4 views
0

Мне нужно плавать 2 divs #left на левую сторону # справа на правую сторону, но когда я это делаю, мой #hold для левого и правого не распространяется (его набор с минимальной высотой).CSS Плавающие divs, но сохраняющие минимальную высоту

Есть ли способ, которым я могу плавать 2 divs бок о бок, но сохраняя их, расширяя минимальную высоту?

Я попытался: дисплей: встроенный блок; но его беспорядок сортировать с IE. Я также пробовал position:relative и position:absolute.

Благодаря

+1

Вы можете разместить свой HTML код и CSS? – Sieryuu

ответ

0

Основного примера ситуации вы описываете работу без какого-либо вопроса.

HTML

<div class="test">Something</div> 
<div class="test">Something</div> 

CSS

.test{ 
    float: left; 
    min-height:100px; 
    background: yellow; 
} 

Рабочий примерhttp://jsfiddle.net/QT6jS/

0

У меня была такая же проблема, и понять расплывчатое описание, я думаю, что это то, что вы имели в виду:

http://jsfiddle.net/QT6jS/8/

решение добавить еще один DIV в нижней части всех поплавков, что очищает все. Минимальная высота не приведет к поплавке, но будет следовать за div с четким: оба;

<div class="parent_expander" style="clear:both;"></div> 

это поможет вам следующий результат:

http://jsfiddle.net/QT6jS/9/

+0

Это ответило на мой вопрос. Человек ... имеющий div, который всегда будет инкапсулировать своих плавающих детей, был огромной головной болью для меня. Спасибо за этот ответ @CRutgerX – jdlam