为什么div不会在上面的div下滑？

Question

我正在研究this dashboard并且似​​乎无法让容器3在容器1下滑动，可以找到任何一个原因吗？

Answer 1

使用浮动时这是正常行为。要解决这个问题，您可以使用javascript，或者更改html的格式。这样的事情应该有效：

<div class="col">
 <div id="container1">...</div>
 <div id="container3">...</div>
</div>
<div class="col">
 <div id="container2">...</div>
 <div id="container4">...</div>
</div>

当您现在浮动col而不是容器时，您应该获得所需的效果。

Answer 2

你所链接的内容基本上只是css浮动如何工作的演示。没有直接的解决方案可以使花车的行为不同，但你可能想看看砌体，一个javascript解决方案：http://masonry.desandro.com/

Answer 3

更好的是，您可能希望查看Masonry's "big brother" Isotope，它可以更多地排列布局;但实施起来很简单。在移动触摸屏设备上也能很好地工作。