父母只有50％时显示100％子宽度

Question

有没有让一个子元素100％宽度的屏幕，而它的父母只有50％？

例如，我需要使此站点的黑色页脚扩展屏幕的整个宽度，同时保持站点其余部分的完整性。 msdnw.com /

我创建了#blackback的自定义div，并尝试了各种方法使其工作，但不能。有任何想法吗？附：是的我已经尝试将div放在页脚代码下面，因为它与包装页脚相关。但也许我使用的代码并没有按照我需要的方式工作。

感谢您的帮助：）

Answer 1

将您的#blackback css更新为：

#blackback {
    width: 100%;
    height: 300px;
    background-color: #000;
    position: absolute;
    left: 0;
}

应该这样做。

Answer 2

你想去使用绝对定位：

.child {
    left: 0;
    right: 0;
    position: absolute;
}

希望有所帮助