css - 当 Parent 仅为 50% 时显示 100% Child Width

Question

有没有办法让一个子元素成为屏幕的 100% 宽度，而它的父元素只有 50%？

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

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

谢谢你的帮助 ：）

Answer 1

将您的#blackbackCSS 更新为：

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

应该这样做。

Answer 2

你想去使用绝对定位：

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

希望有帮助