Div容器从主体溢出到页面边缘

时间:2013-12-04 04:47:32

标签: css

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

这是我使用的代码;

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

我知道这是一次业余尝试,有人能告诉我更好的编码方法吗?在缩小时,它会从页面边缘分离。

2 个答案:

答案 0 :(得分:0)

还需要看html

如果该div不包含在另一个

中,可能会尝试取消保证金

答案 1 :(得分:0)

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

您的社交网络条带位于带有“.wrapper”类的section标记内,其设置为宽度为1640px,并且条带调整为该包装的宽度。您是否有理由将“.wrapper”类设置得如此之宽?

另一方面,您的页脚不在同一个“section.wrapper”元素中,因此它会调整为浏览器的宽度。