2012-04-28 62 views
0

目前我正在開發一個項目,需要我有兩個div並排。這是不是這樣的問題,除了我想要父區div自動調整大小時,其中一個subdivs變得更大..這裏來的問題..Auto divize parent div

當一個比另一個大,它推動另一個父div的底部..我的問題是;我怎麼能解決這個問題?

要見我的問題在行動:http://jsfiddle.net/zygnz/508/

謝謝!

+0

看來在你的情況下使用浮點數就足夠了。 – 2012-04-28 13:07:30

回答

1

剛剛更新與解決您的小提琴:

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

CSS

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

HTML

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

這一個工作得很好..但你能解釋清楚發生什麼:都? – Mittchel 2012-04-28 13:26:04

+0

明確:兩者;清除浮點數,以便文檔繼續正常渲染:) – Zuul 2012-04-28 13:29:20

0

哎試穿 「div.left」,並稱這對你的CSS:

float: left; 
+0

也可以寫在評論。 – 2012-04-28 13:08:28

+0

幾乎工作,但現在我的父div沒有調整時左或右變大:http://jsfiddle.net/zygnz/513/ – Mittchel 2012-04-28 13:11:58