2012-04-28 2 views
0

В настоящее время я работаю над проектом, в котором мне нужно иметь 2 div бок о бок. Это не проблема, за исключением того, что я хочу, чтобы родительский div автоматически изменял размер, когда один из subdivs становится больше .. вот и проблема ..Auto resize parent div

Когда кто-то больше другого, он толкает другого в в нижней части родительского div .. мой вопрос; как я могу это исправить?

Чтобы увидеть мою проблему в действии: http://jsfiddle.net/zygnz/508/

Спасибо!

+0

Похоже, в вашем случае использования поплавка будет достаточно. –

ответ

1

Просто обновил ваш Fiddle с решением:

http://jsfiddle.net/zuul/zygnz/511/

CSS

.right, .left { 
    float: left; 
} 
.clear { 
    clear: both; 
} 
.container div { 
    display: block; 
} 

<div id="container"> 
    . 
    . 
    . 
    <div class="clear"></div> 
</div> 
+0

Это хорошо работает ... но не могли бы вы объяснить, что происходит с ясным : и то и другое? – Mittchel

+0

the clear: both; очищает float, так что документ продолжает отображаться нормально :) – Zuul

0

эй попробуйте добавить это в ваш CSS на "div.left":

float: left; 
+0

Также может быть написано в комментарии. –

+0

Почти сработало, но теперь мой родительский div не изменяет размер, когда слева или справа становится больше: http://jsfiddle.net/zygnz/513/ – Mittchel