html - 列表元素 "dots"结束于节元素之外

Question

我正在创建一个 <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 标签之外。

Answer 1

显示正常DEMO

保持取消选中 JSFiddle 上的 Normalized CSS 复选框