Div容器转到页面边缘

Question

在我的wordpress Website Homepage上，我插入了一个包含社交网络链接的水平灰色条带。我想让它触摸到身体溢出的页面边缘，我该如何实现呢？

这是我使用的代码;

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

Answer 1

.outer规则不是您需要调整的规则。查看'styles.css'文档，找到您为.socialstrip编写的规则。 （将.更改为#）

    #socialstrip {
        height: 80px;
        background-color: #f8f8f8;
        position: absolute;
        left:0;
    }

您不需要做任何其他事情，因为应用于它的类.outer已经为您提供了100％的宽度。请注意，当您为此元素指定“绝对”位置时，其下方的元素将无法识别#socialstrip元素位于其上方。它似乎是最重要的。要解决此问题，只需在.bottomstrip元素的顶部添加更多边距即可。像这样：

.bottomstrip{
    margin-top: 200px;
}

这应该可以满足您的需求。