html5 - 列表元素“点”结束于部分元素之外

我正在创建由<ul>标记包装的<li>和<section>。除了我的<section>标记之外的列表样式（点）之外，其他所有方法都工作正常。我不知道为什么。如果有人可以分享提示，我将不胜感激。非常感谢。

我的HTML

<section id='test'>
    <ul>
       <li>line 1 jiofjisojfoisdjfoisjfio</li>
       <li>line 2 jiofjisojfoisdjfoisjfio</li>
       <li>line 3 jiofjisojfoisdjfoisjfio</li>
       <li>line 4 jiofjisojfoisdjfoisjfio</li>
       <li>line 5 jiofjisojfoisdjfoisjfio</li>
       <li>line 6 jiofjisojfoisdjfoisjfio</li>
       <li>line 7 jiofjisojfoisdjfoisjfio</li>
   </ul>

</section>

的CSS

section {

    display: block;
    width: 1200px;
    margin: 50px auto;
    border: 3px solid red;

}

它显示如下。

 ----------------------
*| line 1 jioj..       |
*| line 2 jiof..       |
*| line 3 jiof..       |
*| line 4 jiof..       |
*| line 5 jiof..       |
*| line 6 jiof..       |
 -----------------------

黑点在section标签之外。

最佳答案

很好显示DEMO

保持未选中JSFiddle上的Normalized CSS复选框

关于html5 - 列表元素“点”结束于部分元素之外，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11350640/