0

我正在处理这个仪表板,但似乎无法让容器 3 在容器 1 下向上滑动,任何人都可以找到原因吗?

4

3 回答 3

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 而不是容器时,你应该得到想要的效果。

于 2012-08-19T19:19:52.787 回答
0

更好的是,您可能想看看Masonry 的“老大哥”Isotope,它可以以更多方式排列布局;然而实现起来很简单。在移动触摸屏设备上也能很好地工作。

于 2012-08-20T08:41:05.203 回答
0

您链接到的内容基本上只是 CSS 浮动如何工作的演示。没有直接的解决方法可以使花车表现不同,但您可能想看看砌体,这是一种 javascript 解决方案:http: //masonry.desandro.com/

于 2012-08-19T19:19:37.960 回答