顶部和 body div 标签内的空白
谁能告诉我我那双愚蠢的眼睛缺少了什么？
空白出现在我的浏览器窗口顶部以及两个 div 标签容器（所有浏览器）之间。
p、body、html、每个 div、所有 margin:0px;
谢谢。
Can someone please just tell me what my sorry, stupid eyes are missing?
Whitespace appears at the top of my browser window, and between two div tag containers (all browsers.)
p, body, html, every div, all margin:0px;
Gracias.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
menu-containerdiv 的页边距顶部有margin-top: 20px;我使用 FireBug 看到了这一点。The margin top of your
menu-containerdiv hasmargin-top: 20px;I saw that using FireBug.删除
上的margin-top: 20px;并将padding-top: 20px;放到原因是，由于它是最顶层的容器，因此它的 margin-top 放在父容器上，我确信有一个W3C 文档解释了为什么会这样，但事实就是这样。如果您想移走容器顶部元素的某些内容，则需要在其父元素上使用填充。
remove the
margin-top: 20px;off of<div class="menucontainer">and putpadding-top: 20px;onto<div class="lightsandcolorscontainer">The reasoning is that since it's the top most container it's margin-top put onto the parent container, I'm sure there's a W3C doc on why this is, but it's just like that. If you want to move something away that's the top element of a container, you need to use padding instead on it's parent.
.menucontainer的margin-top: 20px;设置为
margin-top: 0;.centercontainer的>margin: 10px auto;设置为
margin: 0 auto;添加
overflow: hide;（到.centercontainer）并 工具在Chrome 提供了巨大的帮助，Firefox 中的 Firebug 也是如此 :)
编辑：如果您希望
.menucontainer低 20px，请将padding-top: 20px;添加到.lightsandcolourcontainer此外，您的内容宽度设置为 1000px - 请注意此宽度，因为您只允许水平滚动条为 24px，该滚动条可能有侧面某些浏览器中出现丑陋且不必要的垂直滚动条的效果。坚持 960px - 980px 最大页面宽度是一种网络标准，旨在防止大多数访问者的浏览器上出现垂直滚动（因为 1024 x 768 是访问者显示器最普遍的分辨率）。
.menucontainerhasmargin-top: 20px;set to
margin-top: 0;.centercontainerhasmargin: 10px auto;set to
margin: 0 auto;and add
overflow: hidden;(to.centercontainer)Developer tools in Chrome is a huge help, as is Firebug in Firefox :)
EDIT: if you want your
.menucontainerto be 20px lower, addpadding-top: 20px;to.lightsandcolourcontainerAlso, your content width is set to 1000px - beware of this width as you're allowing only 24px for a horizontal scroll bar, which may have the side effect of an ugly and unnecessary vertical scroll bar appearing in some browsers. Sticking to 960px - 980px max page width is a web standard adopted to prevent the vertical scroll from appearing on the majority of visitors' browsers (since 1024 x 768 is/was the most prevalent resolution of visitors' monitors).