所以我有一个直接放置在 body 内部的元素：
<body>
<div id="header">Some stuff...</div>
Other stuff...
</body>
以下是使用的CSS：
body{
text-align:center;
}
#header{
margin:auto;
}
因此 #header div 设置为 100% 宽度（默认）并居中。问题是，窗口边框和 #header 元素之间有一个“空间”...例如：
| |----header----| |
^window border ^window border
我尝试用 javascript 调整它，它成功地将元素大小调整为精确的窗口宽度，但它并没有消除“空间”：
$('#header').width($(window).width());
一种解决方案似乎是添加以下 CSS 规则（并保留上面的 javascript）：
#header{
margin:auto;
position:relative;
top:-8px;
left:-8px;
}
在我的浏览器中，这个“空间”是 8px - 但我不确定这在所有浏览器中是否都相同？我在 Ubuntu 上使用 Firefox...
那么摆脱这个空间的正确方法是什么 - 如果这是我上面使用的，所有浏览器的行为都一样吗？
body所有浏览器上都有默认边距，因此您需要做的就是将它们削掉：
body {
margin: 0;
text-align: center;
}
然后您可以删除负边距#header.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
