为什么 body、html 和 #black 的大小是根据视口(viewport)的大小而不是文档的高度来调整的?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
html, body{
height:100%;
}
#black{
position:absolute;
width:100%;
min-height:100%;
height:100%;
background-color:#000000;
z-index:1000;
}
#shell{
height:962px;
width:972px;
margin:0 auto;
}
</style>
</head>
<body>
<div id="black"></div>
<div id="shell">
</div>
</body>
</html>
最佳答案
您将 body 和 html 标签设置为 height: 100%
。这会将它们“锁定”到视口(viewport)高度,然后 #black
继承该高度。您需要使用 min-height
:
html, body{
min-height:100%;
}
更新:
忘了说一件事。也添加这个:
body {
position: relative;
}
关于html - CSS - HTML 标签不是页面的 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19662789/