CSS列表樣式有隨機空間

Question

我想編碼一個頁面，由於某種原因我有一個隨機的css間距問題爲我創建的列表。在右下角我有一個列表和它的div之間的隨機空間。

我的造型是罰款我想，但我的代碼是在這裏jsFiddle

並能正常工作有某種原因。有任何想法嗎？

如果需要我可以提供整個頁面鏈接。

我希望整個css列表跨越整個div，但它與div的左側牆和列表之間存在巨大差距。

Answer 1

清除您鏈接到的頁面上的列表需要填充（並可能包含其邊距...某些瀏覽器具有不同的默認樣式）。下面是一些你可以用它來解決這個問題的規則：

#navlist { 
    list-style-type: none; /* Removes default list style */ 
    margin: 0; 
    padding: 0; 
} 

我極力推薦的Firebug Firefox擴展。它使調試這樣的佈局問題非常簡單。它還可以幫助您查看您正在編寫的樣式規則是否被樣式表中其他地方的更具體規則覆蓋。

另外，您不應該使用center元素。該元素已被棄用，並應通過您的樣式表來處理，如下所示：text-align: center;