Div高度問題

Question

我在我的代碼中有一個div元素的高度問題。

看看這個例子：http://jsfiddle.net/qUfr8/
......現在這個：http://jsfiddle.net/DdUbr/

注重對紅色邊框。第一個例子很好，但不是第二個例子。
這些示例之間唯一的區別是我在第二個代碼中添加了兩個div元素，現在content的高度等於0，但仍顯示content。

我該如何解決這個問題？

Answer 1

你需要的，如果你的浮動元素使用明確的修復一個div內

http://www.webtoolkit.info/css-clearfix.html

的jsfiddle例如：http://jsfiddle.net/DdUbr/2/

Answer 2

另一種方式來解決它是加入 「顯示：inline-block的」 到您的＃內容：

http://jsfiddle.net/DdUbr/6/