這篇文章主要講解了“CSS盒模型BoxModel的用法介紹”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS盒模型BoxModel的用法介紹”吧！
創(chuàng)新互聯(lián)建站是一家專業(yè)提供信宜企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為信宜眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。
這里向大家描述一下CSS盒模型（BoxModel）的用法，由于瀏覽器設(shè)計上的問題，不同瀏覽器顯示效果會有些不同。左右Margin加倍的問題當(dāng)box為float時，IE6中box左右的margin會加倍。
CSS盒模型（BoxModel）詳解
width和height定義的是Content部分的寬度和高度，paddingbordermargin的寬度依次加在外面。背景會填充padding和content部分。但是由于瀏覽器設(shè)計上的問題，不同瀏覽器顯示效果會有些不同。左右Margin加倍的問題當(dāng)box為float時，IE6中box左右的margin會加倍。
W3C定義的盒模式如下：
width和height定義的是Content部分的寬度和高度，paddingbordermargin的寬度依次加在外面。背景會填充padding和content部分。
但是由于瀏覽器設(shè)計上的問題，不同瀏覽器顯示效果會有些不同。
左右Margin加倍的問題
當(dāng)box為float時，IE6中box左右的margin會加倍。比如：
ExampleSourceCode
重慶分公司
重慶分公司