Question

所有

我想知道我是否设置父DIV宽度：auto并设置Child div宽度：100％，然后浏览器如何决定这些DIV的宽度

<div class="menuframe" style="position: fixed; width:auto; height:auto;">
    <div class="menuitem style="width:100%; height:auto;">item1</div>
    <div class="menuitem style="width:100%; height:auto;">item22</div>
    <div class="menuitem style="width:100%; height:auto;">item333</div>
    <div class="menuitem style="width:100%; height:auto;">item4444</div>
</div>

Answer 1

＆＃13;

<div class="menuframe" style="background-color: red; position: fixed; width:auto; height:auto;">
    <div class="menuitem" style="background-color: blue; width:100%; height:auto;">item1</div>
    <div class="menuitem" style="background-color: black; width:100%; height:auto;">item22</div>
    <div class="menuitem" style="background-color: green; width:100%; height:auto;">item333</div>
    <div class="menuitem style="width:100%; height:auto;">item4444</div>
</div>

＆＃13;

如您所见，它将获得最大的div宽度。

Answer 2

menuitem divs应始终为菜单框的100％宽度。菜单框架的宽度取决于您为其设置的CSS。

基本CSS宽度计算混淆

2 个答案: