CSS样式之width: auto 100%与height:100%

1.Width（默认情况下为content box的宽度）

width:auto

元素content+padding+border+margin=父元素的width

 <style>
        .parent {
     
            height: 400px;
            width: 400px;
            border: 1px solid black;
            padding: 10px 10px;
        }
        .son {
      
            height: 400px; 
            /* content+border+padding+margin = 400px of parent*/
            width: auto;
            border: 1px solid red;
            padding: 0 2px;
            margin:  0 2px;
        }
    </style>
 <div class="parent">