Html 更改Div上的页边距不会'；不生效？

我试图更改页脚边距，使其扩展到网页的宽度，但它似乎仍然受到添加到

#content

部分的50像素左右边距的影响。我在这里缺少什么属性，以便可以消除页脚部分内容边距的影响

Html 这里是一个链接到我的代码笔上的代码为您的方便

---

您的错误可以通过以下代码修复：

#footer { margin: 0; position: absolute; left: 0; width: 100%; }

请结帐：

---

PS：为了测试，我给了页脚一个灰色背景。

抱歉，伙计们，我的#note部分缺少了一个结束语

，使页脚成为内容部分的一部分，因此通过css对页脚进行的任何边距更改都是无用的

另一种解决方案是将页脚移到#wrapper div之外。 另外，请检查您的HTML。。它在如此多的地方被破坏，以至于修复css问题可能是不可能的；）

例如，您有许多自动关闭标记“”（无效）

---

此外，您缺少结束正文标记，没有存在标记“”等。

感谢您的输入，但页脚仍受内容边距的影响。

*{box-sizing:border-box;}
#wrapper {margin-left:auto; margin-right:auto;width:774px;}
#below-mast { width:774px; overflow:hidden; }
#left {height:297px; width:29%; margin:4px;margin-left:0px;}
#center{height:297px; width:51%; margin:4px;}
#right {height:297px; width:17%; margin:4px;}
#left,  #center, #right { float:left;margin-bottom:50px;}
#content{overflow:;margin:0px;margin-top:100px;font-family:Arial, Helvetica, sans-serif;margin-right:50px;margin-left:50px;}
.Heading{font-size:19px;font-weight:bold;text-align:center; text-decoration:underline}
.Heading>h2{font-size:13px;text-decoration:none}
#we-pay{font-size:13px}
#we-pay>.Heading{font-size:20px;text-decoration:none;}
#prices{text-align:center; font-size:20px;}
#note{text-align:center;}
#disclaimer{font-size:13px; text-align:center; font-weight:bold;font-style:italic; }
#footer{margin-right:-50px;margin-left:-50px;}
#footer,a:link{font-family:Helvetica, sans-serif;color:#300000; margin-top:50px;}
#Second-Half{margin-left:auto; margin-right:auto;width:450px;}

#footer { margin: 0; position: absolute; left: 0; width: 100%; }