html - 如何删除 float 边距或填充？

Question

我有一个 <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;
    }

谢谢。

Answer 1

这里您只需要像这样的基本重置 Reset

因为默认情况下，某些元素(如 ul)具有 margin 或 padding 值等属性。您也可以使用这个最基本的重置，其中 * 匹配所有元素:

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

在此处查看使用您的代码制作的演示<​​strong> http://jsfiddle.net/vy9ME/2/

PD:建议在CSS开头重新设置