- box-sizing設(shè)置border-box屬性.
如果我們設(shè)置一個寬度為200px后,而實(shí)際盒子的寬度可能會大于200px,除非和邊框和邊距都為0,CSS設(shè)置的寬度僅僅是內(nèi)容區(qū)的寬度,而非盒子的寬度,同樣,高度類似.
而這樣設(shè)置后
div {
box-sizing: border-box;
width: 200px;
padding: 20px;
border: 1px solid #DDD;
}
盒子的寬度就直接為200px了.設(shè)置它的左右邊框和左右邊距后脓匿，它的內(nèi)容區(qū)會自動調(diào)整.
