CSS莫名縮進

Question

此文件中有一個縮進，導致元素「滾動條」的左邊距精確爲30px; 。我無法找到造成這種情況的原因。它把我推上了牆。

的問題是地方是這樣的文件： http://www.divethegap.com/update/z-css/admin/master.css

的HTML

<div id="wrapper"> 
    <div id="scroller" align="left" style="left:0; text-align:left; margin:0; padding:0;"> 
     <ul id="thelist"> 
      <li>Pretty row 1</li> 
      <li>Pretty row 2</li> 
      <li>Pretty row 3</li> 
      <li>Pretty row 4</li> 
      <li>Pretty row 5</li> 
      <li>Pretty row 6</li> 
     </ul> 
    </div> 
</div> 

附加CSS

#wrapper { 
    position:absolute; 
    z-index:0; 
    top:0px; 
    bottom:0px; 
    left:0; 
    width:300px; 
    background:#555; 
    overflow:auto; 
    text-align:left; 
    float:left; 
} 

#scroller { 
    position:relative; 
    /* -webkit-touch-callout:none;*/ 
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    float:left; 
    width:300px; 
    padding:0; 
    overflow:auto; 
    list-style:none; 
    left:0; 
    padding:0; 
    margin:0; 
} 

#scroller ul { 
    position:relative; 
    list-style:none; 
    padding:0; 
    margin:0; 
    width:100%; 
    text-align:left; 
    overflow:auto; 
} 

#scroller li { 
    padding:0 10px; 
    height:40px; 
    line-height:40px; 
    border-bottom:1px solid #ccc; 
    border-top:1px solid #fff; 
    background-color:#fafafa; 
    font-size:14px; 
    list-style:none; 

} 

誰能緩解我我的痛苦，並找到有問題的CSS？

Answer 1

在這裏text.css：http://www.divethegap.com/update/z-css/admin/text.css

你必須應用於所有列表項的保證金左：

li { 
    margin-left: 30px; 
} 

必須覆蓋它，當你不希望它或者如果你不需要任何地方，請將其移除。

http://jsfiddle.net/Gpu3b/

搜索在CSS框中/* Fixed。

Answer 2

的修復，以99％的這些問題：http://developer.yahoo.com/yui/reset/CSS

您可以使用* { margin: 0; padding: 0; }作爲權宜之計，而是一個CSS復位片應該用於生產。

Answer 3

測試一個簡單的CSS復位：

* { margin: 0px; padding: 0px }; 

Answer 4

刪除利潤率和apdding關閉一切。

* { 
margin: 0; 
padding: 0; 
}