1

我为我的网站创建了一个包装器 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 的负边距,结果成功了;这是摆脱这个空白的唯一方法吗?

4

1 回答 1

2

<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;

于 2012-12-15T04:14:28.397 回答