html - margin 底部不起作用？

Question

由于某种原因，我在让页面底部有一些填充时遇到了问题。我有一个内容框，它到达页面末尾并触及底部，但看起来不是最好的。我想从页面底部留出一些空间来解决这个问题，但似乎 margin-bottom 没有像我预期的那样工作？我包含了以下代码，它们应该是影响内容框的所有内容。我已经尝试删除 margin:0 在 html/body 中(即使我有点需要)，但这似乎也不起作用？我觉得我错过了一些非常明显的东西。

html, body {
margin:0;
padding:0;
width:100%;
height:100%;
text-align:left;}

#content {
position: absolute;
left: 50%;
margin-left: -368px;
top: 104px;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
padding-bottom: 15px;
background-color: white;
border: 1px solid black;
width: 664px;
margin-bottom: 20px;}

如有任何帮助，我们将不胜感激 :) 谢谢!

实时链接 - http://quintinmarcus.com/portfolio/

Answer 1

因为 content 有 position: absolute，它的后边距什么都不做，也不应该拉伸(stretch) body 的内部高度，以便 body 的 padding-bottom 做任何事情。