不显示列表图标（光盘）并具有滚动条

Question

我想列出一个包含list-style-type: disc;的列表来列出一些程序。

但是list-items没有得到这个“disc”并且有滚动条，我不知道为什么......看这里（Link）。

它应该是一个带有光盘图标的列表，右边没有每个list-tiem的滚动条。

HTML：

<ul>
    <li>flashtool</li>
    <li>test</li>
</ul>

的CSS：

ul {
    list-style-type: disc;
}

Answer 1

问题出在以下类的声明中。

main > ul li
{
 overflow:auto;
}

上面的代码会指出ul下的第一级main。那是完美的。但看看下一个选择器。它将选择li的所有子选择器。这在你的情况下是错误的。它应该只指向li的第一级。更新如下代码。它会起作用。

main > ul > li
{
 overflow:auto;
}

Answer 2

list-style-type无效的原因是缺少list-style-position: inside。所以你的CSS需要进行以下修改：

main > ul li .content > ul {
    list-style-type: disc;
    list-style-position: inside;
}

在您的common.css第4行

中

Answer 3

使用

.content ul{
     list-style-type:disc;
     list-style-position:inside;
}

如果您要删除滚动条集overflow:hidden