css - 基本的 CSS 宽度计算混淆

Question

全部:

我想知道如果我设置父DIV宽度:自动并设置子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

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

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