小編給大家分享一下CSS3中的box-sizing怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
CSS3中的box-sizing（content-box與border-box）
CSS3中的box-sizing 屬性允許以特定的方式來(lái)指定盒模型，有兩種方式：
content-box：標(biāo)準(zhǔn)盒模型，又叫做 W3C盒模型，一般在現(xiàn)代瀏覽器中使用的都是這個(gè)盒模型
border-box：怪異盒模型，低版本IE瀏覽器中的盒模型
現(xiàn)代瀏覽器和IE9+默認(rèn)值是content-box。
語(yǔ)法格式：
box-sizing：content-box | border-box
區(qū)別：
content-box：padding和border不被包含在定義的width和height之內(nèi)。
盒子的實(shí)際寬度=設(shè)置的width+padding+border
border-box：padding和border被包含在定義的width和height之內(nèi)。
盒子的實(shí)際寬度=設(shè)置的width（padding和border不會(huì)影響實(shí)際寬度）
以上是“CSS3中的box-sizing怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
