html - 为什么宽度为 50% 且向左浮动的 li 不在左侧显示点

Question

我尝试创建 2 列列表，所以我使用:

ul {
   overflow: hidden;
}
ul li {
   float: left;
   width: 50%;
}

但是当我有 2 个元素时，右边的一个有列表元素符号，而左边的一个没有。这是为什么？

PS:有没有办法在不使用 :before 和 content: "•"

的情况下列出 2 列

Answer 1

左边的仍然有一颗子弹，但你看不到它，因为 float: left;。我想如果你删除它，问题就会消失，特别是如果在此之前你有一个重置 margin: 0; padding: 0; 用于当前 html 页面中的所有元素。