jquery - 嵌套 div - 100% 宽度嵌套在固定宽度的容器中

Question

div B当嵌套在Div A其中具有固定宽度 时，如何获得100% 的宽度？

.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;   }