基於內置浮動元素設置div的大小

我正在構建一個小的html網頁。在我的網頁上我有一個div，裏面有一個浮動div。我想讓我的包裝div的高度與我的浮動div相似。這怎麼能在css \ html中完成？基於內置浮動元素設置div的大小

謝謝

來源

2011-06-02 vondip

從你的問題，我猜問題是，你的含有div看起來是這樣的：

http://jsfiddle.net/RkHa4/ - 這不是延伸到float版div的height。

解決方案是"clear your floats"。

一個簡單的方法來做到這一點是應用overflow: hidden您含有div，像這樣：

http://jsfiddle.net/RkHa4/1/

來源

2011-06-02 23:43:56 thirtydot

非常感謝。我不完全確定溢出與此有什麼關係。 – vondip 2011-06-03 05:21:11

請參閱[1]（http://stackoverflow.com/questions/4910075/why-overflow-hidden-clears-a-float）然後[2]（http://stackoverflow.com/questions/6196725/how-確實最CSS-塊格式化上下文工作/ 6199172＃6199172）。 – thirtydot 2011-06-03 08:25:18

Thirtydot是正確的，你應該清楚你的花車，但我會建議您使用clearfix方法代替。使用overflow:hidden將導致超出容器邊界的CSS屬性出現意想不到的問題。

CSS overflow issue

來源

2011-06-02 23:58:16

在絕大多數情況下，我傾向於使用'overflow：hidden'，並且只有在必須時才使用'clearfix'。 'clearfix'的一個（次要的）缺點是你必須在你的HTML上粘貼一個比語義'class =「clearfix」更少的語言。相關：http://stackoverflow.com/questions/5565668/in-2011-is-there-any-need-for-clearfix – thirtydot 2011-06-03 00:05:59

不要誤解我的意思，我也使用'overflow：hidden'。查看http://fordinteractive.com/2009/12/goodbye-overflow-clearing-hack/。隨着CSS3變得越來越普遍，clearfix不會導致問題溢出。簡單地使它更加兼容未來。 – 2011-06-03 00:32:24

基於內置浮動元素設置div的大小

回答

相關問題