Css Chrome/Safari/Webkit上的额外填充——有什么想法吗？

我的页面顶部有一个我无法删除的额外填充。在阳光下尝试了一切，希望有人能给我指路

---

有什么想法吗？

我可以通过删除规则来修复它：

* { padding: 0 } 

---

从你的CSS。我不确定这是什么问题，但这就是原因。

您的页面在顶部附近有一个元素，其顶部边距延伸到页面包装器之外。如果您有：

<div class="wrapper" style="margin: 0">
  <div class="section" style="margin: 40px 0"> Stuff! </div>
</div>

东西

然后

.section

元素将位于

.wrapper

的顶部，其40px的边距将延伸到顶部。这与边距折叠在一起的方式有关，这样元素之间的两个边距就不会累积。您可以通过在包装器上添加

溢出：隐藏
来防止这种情况

在标记中，
.mini search
元素的上边距为40px。请删除此页边距，或在包含此页边距的字段集上添加
溢出：隐藏。
我相信您已完成以下操作：

body {padding :0; margin:0}

默认情况下，body标记具有填充。
使用以下css代码：

/*Reset Safari User Agent Styles*/
* {-webkit-padding-start: 0px;}

您评论的问题是因为用户代理样式，我了解到它使用浏览器工具检查body标记。您应该使用导航器提供的工具（现在所有的重要元素都包括DOM检查器）跟踪导航器上的元素样式，这样您就可以揭开非标准行为的神秘面纱

我知道你没有要求它，但谈到WebKit的东西，我粘贴了一个代码来获得它
每个浏览器上都有圆形边框，但IE除外

.rounded
{
-moz-border-radius:5px; /*works on Firefox */
-webkit-border-radius:5px; /*works on Safari and Google Chrome*/
border-bottom-radius: 5px; /*works on Opera*/
}

始终包括YUI重置css文件

以及：
body，html{padding:0；margin:0}
就是这样
 WebKit样式表包含以下内容：
“边距”和“填充”属性：

-webkit-margin-before:
-webkit-margin-end:
-webkit-margin-after:
-webkit-margin-start:

-webkit-padding-before:
-webkit-padding-end:
-webkit-padding-after:
-webkit-padding-start:

享受
在我看来，这是由某个插件在HTML开始标记之后添加的嵌入元素引起的*（选中“右键单击>检查元素”查看它是否真的存在）。如果是，基本上有两种选择：

禁用/删除负责添加元素的插件；（首选，因为它是全球性的）
在样式表中插入
嵌入{display:none}

*这就是我的情况-名为default plugin的插件以及禁用和删除都有助于解决问题。
这适用于IE（至少在我的测试中是IE v10）：

底部的一个适用于IE 10，只是将所有尺寸保持为您设置的选择器/元素的宽度和/或高度。
我的导航也有同样的问题，它有填充和包含按钮<代码>溢出：隐藏
确实有效，但它也切断了按钮，因为它们有一个跨越导航高度边界的填充。所以我尝试了
溢出：可见
，对我来说效果很好。
我可以确认这是有效的，但我也不知道为什么。使用Chrome的内置DOM查看器，您可以看到整个标记似乎向下移动，而不仅仅是标题。非常奇怪。所以我建议在这里使用Eric Meyer的CSS Reset:而不是“*{margin:0；padding:0}”。HTHX eric-我也注意到了，但无法通过css来修复它-但是andrew发现了令人不快的一行，现在我很好-thx评论将这行添加到我的css中没有任何区别-thx评论walteromar，这一行也不起作用-添加了你推荐的一行，但没有任何更改-thx Thoughooray-andrew你搞定了！从.mini搜索中删除了该死的边距，并通过填充重新定位。现在我可以开始了。谢谢！！！在Chrome和Safari中，我看到了一些额外的填充，不是在顶部，而是在侧面，尽管在Chrome中更明显。始终使用css重置以最小化差异accross Browser如果没有代码示例，问题是无用的，用于包含链接，但已删除！非建设性评论：你确实喜欢使用粗体嗯，我只是想指出最重要的信息，这样那些不想全部阅读的人就可以了解要点。：）没关系，你最终会明白（至少我得出了这个结论），你发帖是为了帮助别人，而不是为了吸引别人注意你的答案。那些需要帮助的人会阅读你的整个帖子。另一方面，如果你在发布一个问题，那么它可能有助于突出最重要的部分。
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;