我知道经常有人问这样的问题。我确实在寻找解决方案并尝试了其中的一些。这是代码:http://jsfiddle.net/hgxKh/6/
下面是
<body>
<div id="middle">
</div>
</body>
html, body, #middle
{
height:100%;
padding:0%;
}
body
{
background-color:#cccccc;
}
#middle
{
margin-left:18%;
margin-right:18%;
background-color:#5DBCD2;
}
我尝试使用 jQuery 来提醒 body 和 #middle 的高度，据称它们是相同的。我尝试将各种元素的位置设置为相对位置，设置最小高度……到目前为止还没有成功。
基本上，为什么蓝色上方和下方有可见的灰色？
谢谢
最佳答案
尝试添加 margin:0px;
html, body, #middle {
height:100%; margin:0; padding:0;
}
关于html - body 的直接子 div，高度均为 100%，div 上方和下方有间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22509466/