CSS a塊被ul，li，/ li所包圍的時候向右移動

Question

我爲菜單使用了ul和li標籤的組合，並且我使用顯示框和背景色將它顯示爲按鈕，問題是隻要我使用li附上一個標籤，按鈕似乎就像是縮進或者某種東西一樣向右移動。

我試圖

list-style: none; 

但是，這並不工作任何人都可以提出一個解決方法這個問題..

感謝任何幫助，將不勝感激

感謝大家的努力+1到所有的答案

Answer 1

將padding-left和margin-left設置爲ul爲0.

Answer 2

A ul和/或li元素將被瀏覽器給定默認邊界和/或填充。嘗試將margin: 0; padding: 0添加到ul, li {}。

更好的是，使用CSS Reset來爲您節省這個以及其他許多元素的麻煩。我推薦這個：http://meyerweb.com/eric/tools/css/reset/

Answer 3

你是否重置了默認的邊距和填充樣式？

ul,li { 
margin:0; 
padding:0; 
} 

Answer 4

您應該檢查UL和LI元素的邊距和填充，並將它們設置爲特定值。如：

margin: 0; 
padding: 5px; 

一個UL典型風格與左縮進顯示，儘管它也可能是李在某些瀏覽器（我相信）。

在Firefox（w/Firebug），Chrome和IE9中，您可以使用可用的開發人員工具檢查應用的樣式。這確實有助於瞭解問題在您顯示的元素中如何出現的問題。

http://getfirebug.com/html

而且，萬一你以前沒見過它，看看盒模型：

http://www.w3.org/TR/CSS2/box.html