CSS属性float的奇怪行为

Question

我在容器中有一些块，但具体情况不起作用。

按照屏幕截图：

蓝线必须是BLOCK B的起始点，但右边的方块是向下的。为什么？

codepen：http://codepen.io/faeldix/pen/MyJNXR

ps - 我的英语不好

Answer 1

这可能是因为floats不按照他们的方式工作。

在MDN

上详细了解它们

我怀疑你要找的是position:absolute。

从float:left移除.event，然后添加position:absolute。当然，你的元素会重叠。

另一个解决方案是将position:relative添加到.row并将float:left添加到奇数（应该留下的那些）.event和{ {1}}到偶数（那些应该是正确的）float:right。