Question

所以我一直试图让浮动列表正常工作。

此

它应该是什么样子，但是当我用chrome或firefox看它时我得到了这个

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

感谢。

Answer 1

你的问题在于CSS本身的错误：你要做的是正确的。替换这个：

name .ul

有了这个：

.name ul

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

另外，您对overflow: none的声明不正确。这是无效的：使用hidden或auto来清除浮动广告。接受的值

overflow: visible | hidden | scroll | auto | inherit