css - 我怎么知道绝对位置忽略是父相对位置？

Question

这是代码: http://jsfiddle.net/noamway/r8vMp/8/

    <div id="website" style="width:100%;">
    <div id="layoutAll" style="width:200px;margin:0 auto">
        <div id="layout" style="width:100%;position:relative;">
            <div id="full_strip" style="width:100%;background-color:black;color:white;height:100px;position:absolute;left:0;">
            Hello world
            </div>
        </div>
    </div>
</div>

而且我喜欢“full_strip”将是所有页面宽度的 100%。因为亲戚是 parent 我不能那样做。我无法从 is parents 中删除任何设置，因此我需要表扬或其他关于他的东西，告诉他忽略 is relative parent。

谢谢，诺姆

Answer 1

为 ID 为 #layout 的 div 删除 width:200px。重要的是不要对两个元素使用相同的 id。重复的 ID 是危险的。

代码:

<div id="website" style="width:100%;">
    <div id="layout" style="margin:0 auto">
        <div id="layout" style="width:100%;position:relative;">
            <div id="full_strip" style="width:100%;background-color:black;color:white;height:100px;position:absolute;left:0;">
            Hello world
            </div>
        </div>
    </div>
</div>

DEMO FIDDLE