网页顶部的额外空白答案

【问题标题】：Extra White Space Top of Webpage网页顶部的额外空白
【发布时间】：2012-12-03 01:48:07
【问题描述】：

我为我的网站创建了一个包装 div 以包含正文的全部内容，但由于某种原因，我在包装 div 上方有额外的空白。我无法准确指出为什么会这样。我为 body 和 wrapper div 设置了零填充和零边距：

<body onload="init()" style="margin:0px; padding:0px;">
<div id="wrapper" style="background-color:#000000; margin:0px; padding:0px;">
<div id="pagecontent">
<nav id="navlogo" style="margin:10px;">Some Navigation Stuff
</nav></div></div></body>

（页面内容 div 包含网页的所有元素并将它们居中。）我也有这个页面内容的 CSS：

#pagecontent
{
margin: 0px auto;
width: 1044px;
box-shadow:inset 0px 0px 15px black;
background-color:#000000;
}

我尝试在包装 div 上使用 -10px 的负边距，结果成功了；这是摆脱这个空白的唯一方法吗？

【问题讨论】：

需要看更多代码，你贴的东西是对的

标签： css whitespace margin removing-whitespace

【解决方案1】：

<nav id="navlogo" style="margin:10px;">

这个边距包括 margin-top:10px - 这就是问题所在。 margin:10px; = margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;

要解决这个问题，您可以将其更改为：

margin:10px;margin-top:0;

或者让导航栏转到顶部只需将margin:10px; 更改为padding:10px;

【讨论】：