css 之 box-sizing

適用範圍:全部接收width和height的元素對象

默認值:content-boxelement

取值:content-box | border-boxdi

理解co

  1. content-box: padding和border不被包含在定義的width和height裏面,對象的實際寬度等於設置的width的只和border,padding之和, element width = width + border+paddingps

  2. border-box: padding和border包含在定義的width和height裏面,對象的實際寬度就是width,即時定義了border和padding也不會改變對象的實際寬度,element width = width 
盒模型

    ps: border-box屬性表現爲怪異模式下的盒模型
模型

相關文章
相關標籤/搜索