在開發(fā)需求需要兼容IE8-IE10時,為了使盒模型計算更加方便大多都選擇使用了box-sizing
<div class="sidebar"></div>
.sidebar{
min-width:1200px;
padding:5px 10px;
height:60px;
margin:0 auto;
}
在沒有使用box-sizing:border-box時,sidebar的高度比設定的高度要高,反之其最大高度為最初設定的高度,但這是有條件的,如下:
- 當padding的值大于設定的值,則box-sizing無效
- 當padding的值小于或等于設定的值,則box-sizing有效