【问题标题】: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】:

&lt;nav id="navlogo" style="margin:10px;"&gt;

这个边距包括 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;

【讨论】:

    猜你喜欢
    • 2013-11-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多