css属性“clear”留下了巨大的空白空间

Question

我只是使用这种性质的div来清除浮动后的区域：

.clear {
clear:both;
}

但是，我发现它在我的格式化中造成了很大的空间，我不知道如何摆脱它。您认为可能会发生什么？

谢谢你！

Answer 1

如果其他人遇到此问题，解决方案是将此添加到组的父级;这是造成问题的因素：

溢出：自动

即：

<div style="overflow: auto">
   <div style="float: right">Testing</div>
   <div style="clear: both"></div>
</div>

Answer 2

尝试使用行高，它应该解决问题。

仅在IE上发生，如果是这样，添加行高

做这样的事情

.clear {
        clear: both;
        height: 0px;
        overflow: hidden;
    }

Answer 3

我只是将clear: both属性应用于下一个内容元素（即div），而不是创建一个空div（我假设你正在做）。

演示：http://jsfiddle.net/wdm954/ArDhF/1/

Answer 4

我有几个小的左浮动表彼此相邻的问题。之后明显的div占用了大量的空白，没有任何高度，也没有填充或边距。

解决方案：将div中的所有表包装起来，然后将overflow-hidden分配给该div，并且（这很重要）是height的值。

E.g。

.tablecontainer {
    height: 70px;
    overflow: hidden;
}