css - CSSで親divよりも子DIVの幅を大きくする

Question

子DIVの「幅」を親DIVの「幅」よりも大きくすることは可能ですか...（ cssのみ）

詳細については、次の例を参照してください。

http://jsfiddle.net/6UFs4/

    <div id="main">
  <div id="sidebar">DIV1
        <div id="sidebar_2">DIV1 Sub</div>
  </div>
  <div id="page-wrap">DIV2</div>
</div>

#main
{ 
    display: block;
    width: 100%;
}
#sidebar    
{
    background-color: Aqua;
    float: left;
    width: 80%;
}

#sidebar_2    
{
    background-color: Lime;
}

#page-wrap  
{
    background-color: Gray;
}

DIV1 Subのサイズは、ブラウザー ウィンドウから 100% である必要があり、親 DIV から制限されません。オーバーフローを使用してみました: 表示されますが、機能していません...

何か案は？前もって感謝します。

Answer 1

position:absoluteおよびを使用しwidth:100%;て要件を満たすことができますが、画像を目的の場所に表示するには、要素の位置 (ページに対する x 軸と y 軸) に注意する必要があります。

例を参照してください: http://jsfiddle.net/6UFs4/2/

Answer 2

はい、位置を変更することで可能です。

jsフィドル

#sidebar_2    
{
    background-color: Lime;
    position:absolute;
    left:0;
    right:0;
}

Answer 3

この css を子 div に追加するだけです。

#sidebar_2 {
    position:absolute;
    left:0;
    right:0;
}

デモ: http://jsfiddle.net/6UFs4/4/