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％

回答

相关问题