div不占整个高度/不是100％

Question

这是实时链接： http ： //mrgsp.md ： 8080 / a / Account / SignIn

主div（绿色）不占用屏幕高度的100％

只有当你有一个大屏幕时才会注意到这一点 替代文字

而代码基本上是

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

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

Answer 1

对不起我的英语不好...

把背景风格放在身上...更好。

body{
  background: green;
}

如果你仍想为div设置一个高度，你必须为div，body和html设置100％的高度。

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

Answer 2

你可以给身体绿色背景颜色？

Answer 3

您不能简单地将div高度设置为100％，因为它会将其解释为其容器的100％。

解决问题的最简单方法是在body元素上设置背景颜色，但也可以通过将body标记设置为100％的高度来使用您的方法。 这将给你的div充分填充。 如果div的主体或任何容器没有设置高度，则浏览器将div的css属性默认为height：auto。

div不占整个高度/不是100％

问题描述

3 个解决方案

解决方案1
4 已采纳 2010-09-02 20:37:36

解决方案2
0 2010-09-02 20:39:00

解决方案3
0 2010-09-02 20:51:54

div不占整个高度/不是100％

问题描述

3 个解决方案

解决方案1 4 已采纳 2010-09-02 20:37:36

解决方案2 0 2010-09-02 20:39:00

解决方案3 0 2010-09-02 20:51:54

解决方案1
4 已采纳 2010-09-02 20:37:36

解决方案2
0 2010-09-02 20:39:00

解决方案3
0 2010-09-02 20:51:54