身体不覆盖全屏

问题描述：

.box { 
 
    width: 1000px; 
 
    height: 500px; 
 
    margin-top: 100px; 
 
    background: red; 
 
}

<body> 
 
    <div class="box"> 
 

 
    </div> 
 
</body>

我的箱子上边距设置为100像素，为什么不将身体覆盖整个屏幕？身体作为有顶点的div。

的结果是完全应该的....你有什么真正的问题？ – Lahori

原因是'margin-top：100px'。尝试删除它：http://jsfiddle.net/qek4c765/3/ –

为什么身体应该覆盖整个屏幕？ –

答

试试这个代码，

body { 
    margin: 0; 
}

代码不作任何区别 – Quentin

它......它消除身体保证金为我加上了8px .. –

是的，它总是@Quentin因为身体有一个默认的利润率是8像素 –

答

的<body>标签指的是他的身高假设内容的高度，而不是视自身，为什么要真的是吗？添加这样的事情：

<body style="height: 100%">

改变的情况...