CSS浮動div在另一個div

我有一個div浮動到左邊，另一個浮動到右邊包括浮動div的主要div沒有達到頁面底部和代碼示例是：CSS浮動div在另一個div

<div style=" width: 900px; height:auto; margin:5px auto; background:#666; "> 
    <div style="float:left;"> 
    Some content! Some content! Some content! 
    </div> 
    <div style="float:right;"> 
    Some content! Some content! Some content! 
    </div> 
</div>

什麼問題？

來源

2013-03-29 IMEzzat

高度沒有設置，它被設置爲自動。 –

dupe：http://stackoverflow.com/questions/2062258/floating-stuff-within-a-div-floats-outside-of-div-why – Ryan

當計算父元素的高度時，浮動元素的高度不會被考慮。您應該查看CSS屬性clear。在這種情況下，使用CSS clear: both的第三個分區將幫助您實現所需的結果。

但是，你應該退一步考慮你在做什麼。如果你只有這兩個div彼此相鄰，並且沒有其他的盒子元素，你可能不需要同時浮動這兩個元素。

來源

2013-03-29 22:01:17 jonesbp

非常感謝「 Matyas Chomicki「和」jonesbp「的答案>> – IMEzzat

感謝您的時間兄弟.. :) – IMEzzat

如果您不將clearfix應用於容器，則具有浮動元素的容器div將忽略其子元素的高度。

來源

2013-03-29 21:59:44

非常感謝答案，它的工作:) – IMEzzat

CSS浮動div在另一個div

回答

相關問題