这篇博客探讨了一个CSS布局问题，作者设置了body的margin和padding为0，但内容区域(#content)仍距顶部60像素。问题源于<header>元素，它的高度设置为50px，并且固定在顶部。#content的margin-top:60px导致了这一现象。博客通过代码示例解释了这个问题，并附带了一张显示布局的图片。
元素。这是我的代码： 头是固定的位置，我添加了一个margin和padding零到身体身高在HTML
body {
background-color: gainsboro;
margin: 0;
padding: 0;
}
header {
background-color: black;
width: 100%;
height: 50px;
position: fixed;
top: 0;
}
#content{
margin-left: auto;
margin-right: auto;
margin-top: 60px;
width: 900px;
height: 100%;
}
#a{
background-color: white;
margin-left: auto;
margin-right: auto;
height: 400px;
width: 500px;
border-radius: 2px;
}
现在我要问，为什么是身体60像素较低。它不应该总是最高的0？ 这里就是一个画面：
扫一扫
3140
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
