Question

我知道这样的问题很多。我确实在寻找解决方案并尝试了其中的一些。这是代码：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提醒身体和#middle的高度，据称它们是相同的。我尝试将各个元素的位置设置为相对位置，设置最小高度......到目前为止没有运气。

基本上，为什么蓝色上方和下方都有可见的灰色？

由于

Answer 1

尝试添加保证金：0px;

html, body, #middle {
    height:100%; margin:0; padding:0;
}

Answer 2

正在进行什么

enter image description here

有些浏览器会提供html和/或body padding或margin。现在，您将padding设置为0。您还需要为代码另外设置margin:0。

代码

电流：

html, body, #middle{
    height:100%;
    padding:0%;
}

工作：

html, body, #middle{
    height:100%;
    padding:0%;
    margin:0;
}

Updated Fiddle

Answer 3

height:100%;
padding:0%;
    margin: 0%;
}

添加保证金。

Answer 4

添加保证金：0

html, body, #middle
{
    height:100%;
    padding:0%;
    margin:0;
}

div直接身体的孩子，身高100％，div上方和下方的差距

4 个答案:

正在进行什么

代码

电流：

工作：