Html 如何删除浮动边距或填充？

我有一个

，当我添加

float:right

属性时，它会在顶部添加一个

3px

左右的

边距

，如果我不放置

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>

---

谢谢。

这里您只需要像这样进行基本重置

因为对于默认值，某些元素（如

ul

）具有

margin

或

padding

值等属性。您还可以使用此最基本的重置，其中

*

匹配所有元素：

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

在此处查看用您的代码制作的演示

---

PD：除非有其他标记在元素之间放置空白，如填充，否则在CSS开始时重置边距会使建议变为折叠

---

将规则*{padding:0px}添加到css以检查这是否是问题所在。如果是，则可以更具体地针对元素。我怀疑罪魁祸首是UL标签。使用chrome的inspect element工具，您可以突出显示代码，它将显示每个元素的填充、边框和边距。

您的问题是什么？复制此问题的小提琴会很有帮助。你还有其他代码要发布吗？也许这是另一个因素的问题。

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