Question

你可以看到我有三列

我有这样的麻烦：id =＆＃34; manufacturer-list＆＃34;如果我删除min和height，我看到我的李被分隔成不同的列 enter image description here

enter image description here ，但如何防止这种情况？

我没理解为什么我得到这种分离（（为什么它切我的李？

的CSS：

width: 690px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
overflow: hidden;

Answer 1

将您的内容分成不同列的是CSS column-count属性（包括供应商前缀）。

为了解释你的两个图像，第一个看起来你有overflow: hidden的设定高度，它将隐藏流经该高度的每个列表项。如果你有50个列表项，但你的容器只有5个高度，你就不会看到超过5个。

第二个看起来你已经移除了你的身高并获得了column财产。

我刚查看了该网站，您可能希望从display: inline-block移除.man-area样式，从外部容器中删除overflow-hidden（#vip-offers）

而你有一些内联javascript（或样式）给那个父容器一个固定的高度。我绝对不建议给出一个带有隐藏溢出的固定高度。除非你试图达到特定的效果，否则它并不是好兆头。