即使使用滚动条</div>，内容<div>也可以伸展100％

Question

我目前正在为我的Web Design I类开发一个流程网站。看到我以前知道HTML，我不想坚持我的网站的通用布局。

话虽如此，我过去曾遇到过这个问题而且不记得如何修复它。

http://bccvisualdesign.com/art271/simmons/index.html

正如您所看到的，如果您调整浏览器的大小，则一旦引入滚动条，div就不会延伸。我想知道它是否是div的CSS？

div.content{
width: 50%;
margin-left: 25%;
background: #FFF;
position: fixed;
top: 0;
bottom: 0;
padding: 0px 35px 0px;
-moz-box-shadow: 0 0 40px #000;
-webkit-box-shadow: 0 0 40px #000;
box-shadow: 0 0 40px #000;
}

目标是让白色div从上到下无限伸展，无论滚动与否。谢谢大家的帮助！

Answer 1

使用position: absolute而不是position: fixed，就像在实际示例中一样，您可以通过移除底部位置或将其更改为bottom: auto并设置{{}来实现此功能1}} min-height: 100%。