添加边距 HTML答案

【问题标题】：Added margin HTML添加边距 HTML
【发布时间】：2014-08-29 18:52:18
【问题描述】：

在 HTML 中，我正在尝试制作页脚，但每次我这样做时，它都会像这样在左侧增加一个边距。

这是我的页脚代码；

<div id="footer"> tester </div>
   #footer {
   background-image: url(images/backgroundrpatternfooter.png);
   background-repeat: repeat;
   position : absolute;
   bottom : 0;
   height : 40px;
   width : 1800px;
   margin: 0;
   }

【问题讨论】：

可能这个 footer 包裹在另一个添加了一些 margin:left 的 div 上。
在jsFiddle 上重新创建此内容。它将帮助其他人更好地调试它。
尝试在页脚 css clear:both; 中添加一个附加属性，而不是使用带有 id 页脚的 div 直接使用 <footer> 标签

标签： html css margin

【解决方案1】：

您的问题不在于页脚div，而在于body。 body 元素的默认边距为 8px（可能取决于您使用的浏览器），因此您需要将 body 的边距设置为 0，如下所示：

body {
    margin: 0;
}

Working example.

我还想建议您考虑使用 footer 元素而不是使用 div 作为页脚，它被添加到 HTML5 就是为了这个目的！

我希望这会有所帮助，祝你好运！

【讨论】：

【解决方案2】：

<div id="footer"> tester </div>
#footer {
    background-image: url(images/backgroundrpatternfooter.png);
    background-repeat: repeat;
    position : absolute;
    bottom : 0;
    height : 40px;
    width : 1800px;
    margin: 0;
    **left:0;**
}

尝试添加 left:0;，如果仍然无法正常工作，请检查您的继承 css。

【讨论】：

【解决方案3】：

您的 CSS 表示 1800px 的固定值，但由于您的元素是绝对定位的，因此您需要添加 margin-left 或 left 属性来指定元素应定位的位置（margin-right 和 @987654325 @ 也可以）。

你想让你的元素居中吗？尝试使用

left: 50%

实现这一目标。

另外，尝试添加

left: 0;

看看这是否消除了你正在处理的差距。

（间隙可能是由于您的包含元素宽度超过 1800 像素造成的）。

【讨论】：