CSS——div的默认宽度

1. div 的默认宽度是 width:auto
2. div 默认是块级元素，所以默认情况下div的宽度等于其父容器的宽度（类似于100%）
3. 把div设置为inline或inline-block，默认情况下div的就是内容的宽度（即min-content）

    <div style="width: 100px;">
        <div class="main">
            <div class="child"></div>
        </div>
    </div>
    <style>
        .main {
            display: inline-block;
            border: 1px solid red;
        }
        .child {
        }
    </style>

查看此例，在不给main设置宽度的情况下，改变main的display属性，可以看到，当display不设置时，div 默认宽度等于其父容器的宽度（100px），当给div 设置inline或inline-block的属性时，其宽度等于其内容的宽度(即child 的宽度)