css - float 列表问题 : Removing Indentation

Question

所以我一直在努力让 float 列表正常工作。

这个

是它应该看起来的样子，但是当我用 chrome 或 firefox 查看它时，我得到了这个

我不知道为什么会这样。我已经尝试了列表样式、边距和填充解决方案，但似乎没有什么不同。

谢谢。

Answer 1

您的问题在于 CSS 本身的错误:您尝试做的是正确的。替换为:

name .ul

有了这个:

.name ul

...它按预期工作。如果可能，您应该简化您的 HTML(没有必要为每个单独的列表项提供相同的 class)。我举了一个例子 online here .

此外，您对 overflow: none 的声明不正确。这是无效的:使用 hidden 或 auto 来清除 float 。可接受的值

溢出:可见 |隐藏 |滚动 |汽车 |继承