Css 要转到页面边缘的Div容器

Css 要转到页面边缘的Div容器,css,Css,在我的wordpress上,我插入了一个包含社交网络链接的水平灰色条带。我想让它接触到页面的边缘,从正文中流出,我怎样才能做到这一点 这是我使用的代码 .outer { float: left; width: 100%; height: 80px; background-color: #f8f8f8; position: relative; } .outer规则不是您需要调整的规则。在“styles.css”文档中查找您为.socialstrip编写的规则。(将更改为#) 您不需要执行任何其他

在我的wordpress上,我插入了一个包含社交网络链接的水平灰色条带。我想让它接触到页面的边缘,从正文中流出,我怎样才能做到这一点

这是我使用的代码

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

.outer
规则不是您需要调整的规则。在“styles.css”文档中查找您为
.socialstrip
编写的规则。(将
更改为
#

您不需要执行任何其他操作,因为应用于它的类
.outer
已经为您提供了100%的宽度。请注意,当您将此元素的位置设置为“绝对”时,其下方的元素将无法识别
#socialstrip
元素位于其上方。它看起来会盖在上面。要解决这个问题,只需在
.bottomstrip
元素的顶部添加更多边距。像这样:

.bottomstrip{
    margin-top: 200px;
}

这会给你你想要的

你的答案很清楚,很有效!非常感谢您的时间。这可能是由浏览器造成的,但当我放大到125%或150%时,socialstrip会从页面右侧分离,页脚也是如此。有办法解决这个问题吗?对:0?
.bottomstrip{
    margin-top: 200px;
}