Question

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

主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;
}

Answer 1

抱歉我的英文......

将背景风格放在身体......更好。

body{
  background: green;
}

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

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

Answer 2

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

Answer 3

您不能简单地将div高度设置为100％，因为it will interpret that as 100% of its container。

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

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

3 个答案: