Html 调整浏览器大小时高度100%无法正常工作
我在使用高度方面有问题。我在我的页面中使用了高度：100%作为div。我为它设置了背景色。当浏览器最大化时，它工作正常。但是，当它调整大小时，我的div没有正确呈现 我的问题是，当我调整浏览器窗口的大小时，会为我的div显示一个滚动条，但不会为我的整个div渲染背景色。它仅为我调整窗口大小时看到的部分渲染 我的风格课Html 调整浏览器大小时高度100%无法正常工作,html,css,Html,Css,我在使用高度方面有问题。我在我的页面中使用了高度：100%作为div。我为它设置了背景色。当浏览器最大化时，它工作正常。但是，当它调整大小时，我的div没有正确呈现 我的问题是，当我调整浏览器窗口的大小时，会为我的div显示一个滚动条，但不会为我的整个div渲染背景色。它仅为我调整窗口大小时看到的部分渲染 我的风格课 html,body{height:100%;} .rightDiv{ height:100%;width: 39%;background: #3F5D91;float: rig
html,body{height:100%;}
.rightDiv{ height:100%;width: 39%;background: #3F5D91;float: right;color: #F0F0F0;}
提前谢谢。我遇到了这样的问题。只有一件事对我有帮助。当我需要100%的身高作为身体元素时，我必须为他设置以下风格：
body {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
-webkit-background-size: cover; /*makes background cover whole page
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
类似的事情你可以涉及到其他元素。我有这样的问题。只有一件事对我有帮助。当我需要100%的身高作为身体元素时，我必须为他设置以下风格：
body {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
-webkit-background-size: cover; /*makes background cover whole page
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
其他元素也可能涉及类似的内容。我已经使用本地html文件对此进行了测试：
<!DOCTYPE html>
<html>
<head>
<style>
html,body{height:100%;}
.rightDiv{height:100%;width: 39%;background: #3F5D91;float: right;color: #F0F0F0;}
</style>
</head>
<body>
<div class="rightDiv">Hello</div>
</body>
</html>
顺便说一句，像和这样的网站提供了应用像和这样的重置样式表的选项，当您创建一个新的笔/小提琴时，您应该注意这些被预先选择的样式表（JSFIDLE为规范化做了这项工作）。我已经使用一个本地html文件对此进行了测试：
<!DOCTYPE html>
<html>
<head>
<style>
html,body{height:100%;}
.rightDiv{height:100%;width: 39%;background: #3F5D91;float: right;color: #F0F0F0;}
</style>
</head>
<body>
<div class="rightDiv">Hello</div>
</body>
</html>
顺便说一句，像和这样的网站提供了应用像和这样的重置样式表的选项，当你创建一个新的笔/小提琴时，你应该注意这些被预先选择的样式表（JSFIDLE做这是为了规范化）。如果你提供你的代码。这会让我们更好地帮助你。我看不出有任何错误。对它在jsfiddle.net中运行良好。但是，当我在其中有一些内部div时，浏览器窗口中会出现一些问题，正如@Fredsbend所说的，在jsfiddle中很好。因此，请您提供一些详细信息，或者可能是有助于找出主要原因的代码片段。如果内部div。右div溢出，这是因为内容或div本身的高度以px或其他绝对值表示，而不是像父div那样的%表示。如果您提供代码..我们将帮助您更好……我看不出有什么问题。对它在jsfiddle.net中运行良好。但是，当我在其中有一些内部div时，浏览器窗口中会出现一些问题，正如@Fredsbend所说的，在jsfiddle中很好。因此，请您提供一些详细信息，或者可能是有助于找出主要原因的代码片段。如果内部div。右div溢出，这是因为内容或div本身的高度以px或其他绝对值表示，而不是像父div那样的%表示。感谢Anilka的回答。但是-moz背景大小：掩护；这是firefox特有的属性。希望它不适用于其他浏览器。谢谢Anilka的回答。但是-moz背景大小：cover；这是firefox特有的属性。希望它不适用于其他浏览器。