html - HTML：位置が絶対の場合、親を基準にした要素サイズを設定します

Question

それを行う方法はありますか？

私がこのようにそれをするならば：

<div id="container" style="width:500px;">
    <div id="content" style="position:absolute;width:100%;">
    </div>
</div>

次に、コンテンツdivは、親コンテナdivからの500pxではなく、ブラウザーウィンドウの幅になります。

Answer 1

常にposition：を指定します。position：absoluteがある場合は相対的です。。位置を与える：あなたのDIVに対して相対的。このように書いてください：parentchild#container

<div id="container" style="width:500px;position:relative">
    <div id="content" style="position:absolute;width:100%;">
    </div>
</div>

Answer 2

position#containerのをに設定するだけrelativeです。デモについては、このjsFiddleをチェックしてください。