如何刪除浮動邊距或填充？

我有一個<nav>當我添加float:right屬性時，它添加了一個3px左右margin頂部，如果我不把float，一切工作正常。如何刪除浮動邊距或填充？

下面是代碼

<nav> 
<ul> 
<li ><a href="#">UBICACION</a></li> 
<li><a href="#">RESERVAS</a></li> 
<li class="boton_chico"><a href="#">FOTOS</a></li> 
</ul> 
</nav>

和CSS

nav { 
    width:100%; 
    height:70px; 
    background-color:#000; 
    } 

ul{ margin-top:0;} 

ul li { 
    font-family:'Gotham-narrow-light-botonera'; 
    list-style-type:none; 
    } 

ul li a { 
    text-decoration:none; 
    color:#FFF; 
    width:190px; 
    height:10px; 
    font-size:2em; 
    text-align:center; 
    margin-top:0; 
    padding:0; 
    float:right; 
    margin-top:15px; 
    } 

ul li.boton_chico a{ 
    width:130px; 
    text-align:center; 
    } 

body { 
    background:url(imagenes/subtle_carbon.png) repeat; 
    background-attachment:fixed; 
    background-color:#111; 
    margin:0; padding:0; 
    }

謝謝。

來源

2013-11-26 user3037420

你的問題是什麼？ – Roopendra

重現此問題的小提琴將有所幫助。你有沒有其他的代碼可以發佈？也許這是另一個元素的問題。 – brouxhaha

所有你需要的這裏是這樣Reset

基本重置，因爲默認像ul某些元素有一個像margin或padding值的屬性。你也可以使用這個最基本的復位，其中*比賽的所有元素：

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

查看演示maked與您的代碼在這裏http://jsfiddle.net/vy9ME/2/

PD：該recomendation是在開始時的重置CSS

來源

2013-11-26 17:10:05 DaniP

非常感謝！這個作品完美！ – user3037420

頁邊空白摺疊，除非有其他標籤在元素之間放置空格，如填充... http://reference.sitepoint.com/css/collapsingmargins

將規則* {padding：0px}添加到CSS來檢查是否是問題。如果是的話，你可以更具體地針對元素。我懷疑罪魁禍首是UL標籤。使用chrome的inspect元素工具可以突出顯示代碼，它會顯示每個元素的填充，邊框和邊距。

來源

2013-11-26 17:10:38 Wayne

如何刪除浮動邊距或填充？

回答

相關問題