我正在寻找如何将div设置为min-height的建议：当它具有15px的margin-top时为100％？我想要的是div触摸屏幕的底部（不触发滚动条），但是当内容太大而无法适应时，它会自动扩展到屏幕限制以下，触发滚动条。这是我到目前为止所得到的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body, html{height:100%; margin:0;}
body{background:#AAA}
#main{position:relative; width:970px; margin:0 auto; border:solid 1px #666; background:#FFF; margin-top:15px; min-height:100%;}
</style>
</head>
<body>
<div id="main">
try duplicating this content until it does not fit in the box
</div>
</body>
</html>
答案 0 :(得分：0)
您可以使用以下css将div修复到底部
#main{position:fixed; bottom : 0px; width:970px; margin:0 auto; border:solid 1px #666; background:#FFF; margin-top:15px; min-height:100%;}
答案 1 :(得分：0)
我找到了一个解决方案：在body上使用新的CSS3 box-sizing规则并将其设置为padding-top：15px;删除#main上的margin-top，它在所有新浏览器中完全按照上述方式工作。