Question

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

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，它的后边距什么都不做，也不应该伸展身体的内部高度，以便身体的填充底部做任何事情。

Answer 2

如果您想将布局居中，请将#content的当前样式修改为以下内容：

<强> CSS：

#content {
width:664px;
margin:104 auto 20px auto;
padding: 15px 35px;
background-color: white;
border: 1px solid black;
}

这也可以让你在底部给出你想要的边距。

保证金底部不起作用？

2 个答案: