CSS3多列列表

我在Google Chrome中有一个关于内联块样式的多列列表的特殊问题。基本上与这里描述的情况相同。它在除Chrome之外的所有浏览器中都能完美工作。这是代码的链接

ul{
列表样式：无；
保证金：0；
填充：0；
}
ul>li{
显示：内联块；
宽度：100%；
}
ul>li>ul>li{
颜色：红色；
}
div{
-webkit列数：3；
-moz列数：3；
-ms列数：3；
-o列计数：3；
列数：3；
-webkit柱间隙：15px；
-moz柱间距：15px；
-ms柱间距：15px；
-o柱间隙：15px；
柱间距：15px；
栏目：3个；
}

列表项

分项
分项


列表项

分项
分项
分项
分项


列表项

分项
分项
分项
分项

卸下

    display:inline-block

从css中的

ul>li

ul{
  list-style:none;
  margin:0;
  padding:0;
}

div > ul > li{
  display:inline-block;
}

---

以下是一个工作示例：

body，html{
宽度：100%；
身高：100%；
填充：0；
保证金：0；
}
保险商实验室{
填充：0；
保证金：0；
}
分区菜单{
-webkit列数：3；
-moz列数：3；
-ms列数：3；
-o列计数：3；
列数：3；
栏目：3个；
}

一

子一
二级
小三



二

子一
二级
小三



三

子一
二级
小三

请看上面的图片。您的代码只包含3列，这是可以的，但不能解决我的问题。@MilanD see me update，这是一个示例，说明如何在不使用

colums

的情况下解决您的问题。如果我删除内联块，我将失去结构。我希望第二级列表与父级在同一列中分组。