爲什麼不列表浮動到div的開頭？

該代碼非常簡單。

<ul id="nav"> 
      <li><a href="">Plumbing</a></li> 
      <li><a href="">Flooring</a></li> 
      <li><a href="">Kitchen</a></li> 
      <li><a href="">Bathroom</a></li> 
      <li><a href="">Re-decoration</a></li> 
      <li><a href="">Structural works</a></li> 
      <li><a href="">Electrical</a></li> 
      <li><a href="">Re-planning</a></li> 
</ul>

和一些CSS樣式：

#nav {margin:auto;width:960px;height:29px;background: url(../images/navbg_03.gif);box-shadow: 0px 10px 30px #cccccc;} 
#nav li {position:relative;display:block;float:left;}

如此簡單，但它博格爾斯我的腦海，爲什麼當我浮起來，離開元素開始前的空隙。

來源

2012-06-19 styke

沒有看到你看到了，你能否詳細說明一下：http://jsfiddle.net/gQMvT –

@NickVeys關閉正常化css – Musa

這很有效，謝謝@Musa。 –

ul S鍵通常會在用戶代理樣式填充或保證金，只需添加

#nav{ 
    padding:0; 
    margin:0; 
}

來源

2012-06-19 02:22:05 Musa

謝謝你幫助我理解。保證金似乎不是必要的。 – styke

padding-left：0px;就足夠了。 –

一個柺杖，我總是依傍拋出一切邊界。這樣做顯示有過一些填充搡的事情：http://jsfiddle.net/gQMvT/5

* { border: 1px solid black; }

來源

2012-06-19 02:24:43

聰明！感謝您的精彩提示。 – styke

+1將我介紹給jsfiddle.net –

哎保證金應使0像素以及填充 CSS代碼應該是這樣的

#nav {margin:0px;width:960px;height:29px;background: url(../images/navbg_03.gif);box-shadow: 0px 10px 30px #cccccc;} 
#nav li {position:relative;display:block;float:left;}

來源

2012-06-19 12:09:30 user1466310

爲什麼不列表浮動到div的開頭？

回答

相關問題