W3C盒模型和IE盒模型的區(qū)別
- IE盒模型:width(寬度）=padding+border(邊框）+content(內(nèi)容寬度）；
- W3C盒模型:width(寬度）=content(內(nèi)容寬度）；
- ie6 7 8 怪異模式（不添加doctype)的情況下使用IE盒模型啄刹，寬度=padding+border(邊框）+content(內(nèi)容寬度）僚祷；
- chrome ie6 7 9(添加doctype)的情況下使用W3C盒模型益眉，寬度=content(內(nèi)容寬度）佳遣；
{box-sizing:border-box}的作用是什么呢奸鸯？
- box-sizing:content-box W3C盒模型坝初；
- box-sizing:border-box IE盒模型跺株；
- 盒子模型基準尺寸有兩種复濒，一種是content-box，這是對于W3C盒模型尺寸計算的乒省；另一種是border-box,這是對于IE盒模型尺寸計算的巧颈；
-
border-box和content-box之間的區(qū)別其實就是在于有沒有包含表邊框（border)和內(nèi)邊距（padding).
1.png
2.png
