jquery - ネストされた div - 固定幅のコンテナにネストされた 100% 幅

Question

幅が固定 されているdiv B入れ子になっているときに、幅を 100% にするにはどうすればよいですか?Div A

.divA{width:600px; margin:0 auto;}
.divB{width:100%; height:20px;  background-color:black}

.filler{height:800px; background-color:grey}

<div class='divA'>
 <div class='filler'></div>
 <div class='divB'></div>
</div>

編集の問題は次.divAのposition:relativeとおりです。

Answer 1

.divA {
    width: 600px;
    margin: 0 auto;
}.divB {
    width: 100 % ;
    height: 20px;
    background - color: black;
    position: absolute;
    left: 0
}

.filler {
    height: 800px;
    background - color: grey
}

設定するだけposition:absoluteでleft:0

デモ

Answer 2

使用する

.divB {
    width:100%;
    height:20px;
    min-width:600px;
    background-color:black;
    position:absolute;
    left:0;
    right:0;

 }

全画面表示

フィドル

Answer 3

.divA { width: 600px;    margin: 0 auto;}

.divB { width: 100 % ; height: 20px; background-color: black; position: absolute; left: 0;
}  

.filler {    height: 800px; background-color: grey;   }