如何刪除不需要的填充或邊距？

Question

我想使用一個靈活的水平列表菜單，並且我在github上發現了一個與某個斷點處的摺疊菜單一起出現的菜單。我不需要摺疊菜單，所以我擺脫了它。我一直在修改菜單以迎合我的佈局。有幾個問題，我似乎無法弄清楚。

1. 似乎有一個左邊緣的菜單，我想擺脫。
2. 在菜單的右側，同時收縮瀏覽器，最後一個菜單項似乎得到重疊，而不是推入。
3. 我想，以減少列表項目

通常，這之間的利潤對我來說不會是個問題，但我在百分比方面並沒有太多的工作。

.flexnav { 
    overflow: hidden; 
    margin: 0 auto; 
    width: 100%; 
    max-height: 0; 
} 

FIDDLE

Answer 1

添加padding: 0;到.flexnav樣式定義。

Answer 2

要移除填充只使用CSS：

padding:0; 

你提到「不需要」，所以從我通常做一個提示是，在樣式表的頂部我寫了這一點：

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

這將從所有默認填充或邊距的東西中刪除填充和邊距，因此您將不再有「不需要的」填充或邊距，而是可以單獨爲實際需要的東西添加填充和邊距。

我在我製作的所有網站上都使用這種方法。