列表元素「點」結束了外部元素

我創建<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..  | 
-----------------------

的黑點是部分標籤之外。

來源

2012-07-05 FlyingCat

什麼是瀏覽器。鉻顯示它很好http://jsfiddle.net/8WQDY/ – Rab 2012-07-05 18:53:34

我也用過Chrome.that很奇怪。我在jsfiddle上使用相同的代碼。它給了我這個http://jsfiddle.net/y8DLg/，但你的屏幕Rab顯示很好。 – FlyingCat 2012-07-05 18:55:29

@FlyingCat你需要取消JSFiddle上的Normalized CSS複選框，起碼我錯過了。 – 2012-07-05 18:57:43

顯示它精細DEMO

保持未選中的標準化CSS複選框上的jsfiddle

來源

2012-07-05 18:59:52 Rab

你會不會解釋什麼規範化的CSS呢？ – FlyingCat 2012-07-05 19:03:22

[This SO question]（http://stackoverflow.com/questions/6625454/normalized-css-option-in-jsfiddle-how-to-add-it-to-document）解釋規範化的css選項。 – 2012-07-05 19:06:42

這個小提琴將會用normalize.css來呈現，它將刪除大多數HTML標籤的瀏覽器樣式。 – Rab 2012-07-05 19:07:44

列表元素「點」結束了外部元素

回答

相關問題