css - 当父级只有 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;
}

应该这样做。