css - 容器内的全宽横幅

Question

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

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;

注意：当 parent 是 position:relative 时，这将不起作用。

Answer 2

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