Div高度问题

时间:2012-07-13 16:43:15

标签: css html

我的代码中div元素的高度存在问题。

看一下这个例子:http://jsfiddle.net/qUfr8/
......现在这个:http://jsfiddle.net/DdUbr/

注意红色边框。在第一个例子中没问题,但在第二个例子中没有。
这些示例之间的唯一区别是我向第二个代码添加了两个div元素,现在content的高度等于0,但仍然显示content。< / p>

我如何解决这个问题?

2 个答案:

答案 0 :(得分:3)

如果div中的浮动元素

,则需要使用明确的修复

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

jsFiddle示例:http://jsfiddle.net/DdUbr/2/

答案 1 :(得分:0)

另一种解决方法是在#content:

中添加“display:inline-block”

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