Html 列计数和列分隔

我有这样的网址：

在那里你可以看到我有三个专栏

我有这样的麻烦：id=“制造商列表”如果我删除min和height，我会看到我的li在不同的列中分开

，但如何预防呢

我不明白为什么我会有这样的分离（（为什么它会把我的李切成片

css:

---

将内容分为不同列的是CSS

列计数

属性（包括供应商前缀）

为了解释这两个图像，第一个看起来像是您使用了一个设置的高度

overflow:hidden

，它将隐藏流过该高度的每个列表项。如果您有50个列表项，但您的容器的高度只能容纳5个，那么您将不会看到超过5个

第二个看起来像是删除了高度，并指定了

列

属性

我刚刚查看了该站点，您可能希望从

.man区域

中删除

显示：内联块

样式，从外部容器中删除

溢出隐藏

（

#vip优惠

）

在某些地方，内联javascript（或样式）为父容器提供了一个固定的高度。我绝对不建议使用隐藏溢出来提供一个固定的高度。除非您试图实现特定的效果，否则这不是一个好兆头

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