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/