Css 网页顶部的额外空白
我为我的站点创建了一个wrapper div来包含正文的全部内容,但是由于某些原因,我在wrapper div上面有额外的空白。我不能确切地指出为什么会发生这种情况;我为body和wrapper div设置了零填充和零边距:Css 网页顶部的额外空白,css,whitespace,margin,removing-whitespace,Css,Whitespace,Margin,Removing Whitespace,我为我的站点创建了一个wrapper div来包含正文的全部内容,但是由于某些原因,我在wrapper div上面有额外的空白。我不能确切地指出为什么会发生这种情况;我为body和wrapper div设置了零填充和零边距: <body onload="init()" style="margin:0px; padding:0px;"> <div id="wrapper" style="background-color:#000000; margin:0px; padding:0
<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上使用-10px的负边距,结果成功了;这是消除空白的唯一方法吗?
这个保证金包括保证金上限:10px——这就是问题所在。
margin:10px代码>=页边距顶部:10px;右边距:10px;边缘底部:10px;左边距:10px代码>
要解决此问题,您可以将其更改为:
margin:10px;margin-top:0;
或者要使导航条到达顶部,只需更改边距:10px代码>到填充:10px代码>需要查看更多代码,您发布的内容是正确的
margin:10px;margin-top:0;