缺少<li>在div中使用滚动（overflow：auto;）</li>

Question

所以我有div id="main_content"滚动（overflow:auto;）并且里面有一个列表。问题是，错过列表项目附近的圈子！我该如何解决？

#main_content {
    height: 620px;
    margin-left: 390px;
    margin-top: -350px;
    overflow: auto;
    padding-right: 10px;
    position: absolute;
    text-align: justify;
    width: 620px;
}

#main_content ul li {
    display: list-item;
    list-style: circle;
}

Answer 1

如果您使用了重置样式表，或者在css中设置了margin: 0;，则需要重置margin-left或ul的{​​{1}}值元素，除非您更喜欢使用li（另一个值显然是list-style-position: inside;）。

outside

JS Fiddle demo

Answer 2

添加：

#main_content ul{list-style-position:inside}

Answer 3

它在这里工作：http://jsfiddle.net/Skooljester/KVTp9/所以你必须在某个地方重置ul或li。如果这不起作用，您可能希望将list-style:circle;应用于ul代码而不是li。