为什么我的DIV清空了？

Question

在提问时，我通常不会发布指向我网站的链接，但我没有看到另一种方法。我提前道歉。

我在使用特定页面时遇到了困难。该页面由团队成员组成，其中每个成员都是自己的DIV（同时每个团队成员在Wordpress中也是一个单独的帖子）。

出于某种原因，包裹每个帖子的DIV正在清空，但没有分配清除属性！

该页面位于：http://engineercreativity.com/samples/comsense/?page_id=15

如果你能提供帮助，我很乐意听到任何意见。

非常感谢！ 阿米特

Answer 1

Divs在水平轴上而不是垂直方向浮动，你基本上寻找的是一个Masonry插件，它用于jquery并且应该很容易解决你的问题。

http://desandro.com/resources/jquery-masonry/

编辑： 你的div没有在左边清除，请看计算的布局

空格不是因为divs清除左边，空格是因为行高。当你在一行中有两个浮动元素时，该行的高度将等于更大的元素，因此基本上每行在较小的div下面都有空格。这类似于HTML表。

Answer 2

Akinator的修复程序在Win XP上的FF中不起作用。如果你将“team-member”类中的浮点数更改为float：left它将修复它。这是由于您的静态图像向左浮动而其周围的其余div向右浮动。

Answer 3

如果我正确理解了您的问题，那么您在课程margin-bottom中有.team-member 15px，这会产生额外的空白区域。

应设置为0（或未设置）

这是你的意思吗？