Div容器溢出正文到页面边缘

Question

在我的网站主页上，我插入了一个包含社交网络链接的灰色条形容器。我希望它像我的页脚一样一直到页面的边缘。

这是我使用的代码；

  .outer {
  float: left;
  width: 100%;
  height: 80px;
  background-color: #f8f8f8;
  margin-left: -178px;
  padding-right: 349px;
  position: relative;
  }

我知道这是业余爱好者的尝试，有人能给我展示一种更好的编码方法吗？在缩小时，它会从页面边缘分离。

Answer 1

还需要查看html

如果该div不包含在另一个中，也许可以尝试取消边距

Answer 2

我正在查看您的网站，我不太确定问题出在您为我们打印的CSS上。

你的社交网络条带位于一个类为".wapper"的区段标签内，该标签的宽度设置为1640px，并且条带正在根据该包装的宽度进行调整。你把".wapper"类设置得这么宽是有原因的吗？

另一方面，您的页脚不在同一个"section.wrapper"元素内，因此它正在根据浏览器的宽度进行调整。