2015-11-08 146 views
1

身體不覆蓋全屏

.box { 
 
    width: 1000px; 
 
    height: 500px; 
 
    margin-top: 100px; 
 
    background: red; 
 
}
<body> 
 
    <div class="box"> 
 

 
    </div> 
 
</body>

我的箱子上邊距設置爲100像素,爲什麼不將身體覆蓋整個屏幕?身體作爲有頂點的div。

JSfiddle Demo

+0

的結果是完全應該的....你有什麼真正的問題? – Lahori

+0

原因是'margin-top:100px'。嘗試刪除它:http://jsfiddle.net/qek4c765/3/ –

+0

爲什麼身體應該覆蓋整個屏幕? –

回答

2

試試這個代碼,

body { 
    margin: 0; 
} 
+0

代碼不作任何區別 – Quentin

+0

它......它消除身體保證金爲我加上了8px .. –

+0

是的,它總是@Quentin因爲身體有一個默認的利潤率是8像素 –

-1

<body>標籤指的是他的身高假設內容的高度,而不是視自身,爲什麼要真的是嗎? 添加這樣的事情:

<body style="height: 100%"> 

改變的情況...