Как удалить поплавок или отступы?

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; 
} 

Смотреть демо цветовым с кодом здесь http://jsfiddle.net/vy9ME/2/

PD: Рекомендации для производится сброс в начале СМЧ

Answer 2

Поля Collapse, если нет какой-либо другой тег, чтобы поместить пустое пространство между элементами, как обивка ... http://reference.sitepoint.com/css/collapsingmargins

Добавить правило * {padding: 0px} в css, чтобы проверить, если это проблема. Если это возможно, вы можете более точно настроить таргетинг на элемент. Я подозреваю, что виновником является тег UL. Используя инструмент проверки элемента chrome, вы можете выделить код, и он покажет вам отступы, границы, поля для каждого элемента.