css中盒子模型與box-sizing屬性

標籤：developer   border   margin   style   webkit   width   w3c標準   content   target   

盒子模型

w3c標準：定義的width為 內容，有padding，border 都會使得 最終呈現的寬度為 定義的width+padding+border的總和，有margin另加

ie標準：定義的width為包含了border,padding，使得最終呈現的寬度 為定義的width，有margin另加

box-sizing:使盒子為ie模式呈現

content-sizing:使盒子w3c模式下 呈現

一般初始全域css樣式：

*, *:before, *:after {　　-moz-box-sizing: border-box;　　-webkit-box-sizing: border-box;　　box-sizing: border-box;　　}

 

css中盒子模型與box-sizing屬性