多列CSS列表绝对定位

Question

我使用column-count在绝对定位的div中获得了多列列表：

＆＃13;

＆＃13;

div {
    position: absolute;
}

ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

＆＃13;

<div>
    <ul>
        <li>ListItem1</li>
        <li>ListItem2</li>
        <li>ListItem3</li>
        <li>ListItem4</li>
        <li>ListItem5</li>
        <li>ListItem6</li>
        <li>ListItem7</li>
        <li>ListItem8</li>
        <li>ListItem9</li>
    </ul>
</div>

＆＃13;

＆＃13;

＆＃13;

这适用于所有主流浏览器，但在Safari 7中，div不会扩展到双列列表的宽度，并保持与单列列表相同的宽度：

我是否遗漏了一些东西，我是否滥用了列数属性或者这是一个错误？

Answer 1

您使用它很好，它是Safari 5.1+中记录的错误，并且与绝对定位相关联。如果你将div的位置改为relative，而不是绝对，那就可以了。