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

Question

如果div B嵌套在具有固定宽度的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

即可

<强> DEMO

Answer 2

使用

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

 }

FullScren view

Fiddle

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