容器内的全宽横幅

Question

我的页面布局有一个包装div与以下css：

margin-left: auto;
margin-right: auto;
width: 980px;
min-height: 100%;

有没有办法让div中的div跨越整个屏幕？我知道的唯一方法是给div一个绝对的位置，但我不确定这是不是一个好主意。我最近读了一些东西，以避免在css中使用“魔术数字”，我需要在这里使用，以使横幅位于距离页面顶部一定距离，即顶部：233px;

处理此问题的最佳方法是什么？

Answer 1

最好从包装div中取出横幅。比其父级更大的块不是“自然的”。 但是有一个技巧，使用这个：

position:absolute;
left:0;
right:0;

注意：当父级为position：relative时，这将不起作用。

Answer 2

如果我理解，width: inherit;会使子div的大小与父级相同。