盒模型存在2種形式：W3C標(biāo)準(zhǔn)盒模型和IE盒模型：
IE盒模型只會出現(xiàn)在IE5版本和IE6+的怪異模式中。
盒子大小計(jì)算計(jì)算公式：
IE模型下 width = padding + content + border;
W3C盒模型下 width = content
box-sizing: border-box ----- width = border + padding + content---IE怪異模式
box-sizing: content-box ---- width = content---W3c模式
IE盒模型只會出現(xiàn)在IE5版本和IE6+的怪異模式中。
CSS3中可以通過box-sizing 來指定盒模型，即可指定為content-box、border-box;
W3C標(biāo)準(zhǔn)盒子是需要相加各種大小得到總體的寬高,而傳統(tǒng)的IE6是從整體減去內(nèi)在元素大小而達(dá)到調(diào)整效果。
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布，希望能對學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營的品牌整合營銷服務(wù)讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。
【相關(guān)推薦】
