DIV不走整個高度/不是100％

這裏是活鏈接：http://mrgsp.md:8080/a/Account/SignIn DIV不走整個高度/不是100％

主要的div（綠色的）不帶屏幕高度的100％

你會注意到這一點只有當你有一個大屏幕 alt text

和代碼基本上是

<body> 
<div class="loginpage"> 
<div id="loginbox">stuff inside loginbox</div> 
</div> 
</body> 

.loginpage { 
background:none repeat scroll 0 0 green; 
padding:200px; 
}

來源

2010-09-02 Omu

僅供參考 - 我無法查看頁面。它是在Intranet上還是端口8080關閉？也許張貼一個截圖，也只發布有問題的代碼。 – 2010-09-02 20:29:05

好吧，可能只限於我的國家，我會發布截圖和代碼 – Omu 2010-09-02 20:31:54

爲什麼會這樣？它具有內部div的高度+自己的填充。另外，你爲什麼不把綠色背景放到身體元素上？然後它會着色所有的頁面（我想這就是你的問題，對吧？）。 – Shautieh 2010-09-02 20:34:39

對不起，我的英語...

將背景風格放在身體...更好。

body{ 
    background: green; 
}

如果你仍然想爲div設置一個高度，那麼你必須爲div，body和html設置100％的高度。

html, body, .loginpage{ 
    height: 100% ; 
}

來源

2010-09-02 20:37:36

你可以給身體的綠色背景顏色？

來源

2010-09-02 20:39:00 kilrizzy

或者，如果由於某種原因，您需要內部的div爲綠色，身體仍然是白色的： html，body { height：100％; } ＃main-container { height：100％;最小高度：100％; } – kilrizzy 2010-09-02 20:40:31

您不能簡單地將div高度設置爲100％，因爲it will interpret that as 100% of its container。

解決問題的最簡單方法是在body元素上設置背景顏色，但是也可以通過將body標籤設置爲100％的高度來使用您的方法。這會給你的div充分填充。如果身體或div的任何容器沒有設置高度，那麼瀏覽器將div的css屬性默認爲height：auto。

來源

2010-09-02 20:51:54

DIV不走整個高度/不是100％

回答

相關問題