2

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

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

注意红色边框。在第一个例子中很好,但在第二个例子中不行。
这些示例之间的唯一区别是我div在第二个代码中添加了两个元素,现在 的高度content等于 0,但content仍然显示 。

我该如何解决这个问题?

4

2 回答 2

3

如果您的浮动元素在 div 中,则需要使用明确的修复

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

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

于 2012-07-13T16:45:39.947 回答
0

解决它的另一种方法是将“display:inline-block”添加到您的#content:

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

于 2012-07-13T16:53:56.440 回答