css – Chrome / Safari / Webkit上的额外填充 – 任何想法?

前端之家收集整理的这篇文章主要介绍了css – Chrome / Safari / Webkit上的额外填充 – 任何想法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面页面顶部有这个额外的填充,我无法删除.试过一切在阳光下,希望有人能告诉我的方式.

有任何想法吗?

解决方法

您的网页上有一个靠近顶部的元素,其顶部边距超出了页面包装器.如果你有这个:
<div class="wrapper" style="margin: 0">
  <div class="section" style="margin: 40px 0"> Stuff! </div>
</div>

然后,.section元素将位于.wrapper的顶部,其40px边距将扩展到顶部.这与边缘折叠的方式有关,因此元素之间的两个边距不会累积.您可以通过在包装器上添加overflow:hidden来防止这种情况.

在您的标记中,这是.mini-search元素,具有40px的顶部边距.删除此边距,或添加溢出:隐藏在包含它的字段集.

猜你在找的CSS相关文章