網(wǎng)頁里的兩種盒子模型(W3C盒子模型、IE盒子模型)
發(fā)布時間：2013-09-08 12:55:56 作者：佚名 
我要評論
我要評論網(wǎng)頁里有兩種盒子模型標(biāo)準(zhǔn)一是W3C盒子模型；二是IE盒子模型（IE瀏覽器默認(rèn)的模型）下面就用公式來區(qū)分這兩種不同的盒子模型
網(wǎng)頁盒子模型存在兩種：
1：標(biāo)準(zhǔn)W3C盒子模型； 2：IE盒子模型（IE瀏覽器默認(rèn)的模型）。
在兩種不同模型網(wǎng)頁里，定義了相同CSS屬性的元素顯示效果是不一樣的，下面就用公式來區(qū)分這兩種不同的盒子模型。
1：標(biāo)準(zhǔn)W3C盒子模型
寬=width+(padding-left)+(padding-right)+(margin-left)+(margin-right)+(border-left)+(border-right)
高=height+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)+(border-top)+(border-bottom)
2： IE盒子模型
寬=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
該模型是IE瀏覽器默認(rèn)的盒子模型，當(dāng)然也可以對其進(jìn)行更改
1：標(biāo)準(zhǔn)W3C盒子模型； 2：IE盒子模型（IE瀏覽器默認(rèn)的模型）。
在兩種不同模型網(wǎng)頁里，定義了相同CSS屬性的元素顯示效果是不一樣的，下面就用公式來區(qū)分這兩種不同的盒子模型。
1：標(biāo)準(zhǔn)W3C盒子模型
寬=width+(padding-left)+(padding-right)+(margin-left)+(margin-right)+(border-left)+(border-right)
高=height+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)+(border-top)+(border-bottom)
2： IE盒子模型
寬=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
該模型是IE瀏覽器默認(rèn)的盒子模型，當(dāng)然也可以對其進(jìn)行更改
相關(guān)文章
網(wǎng)頁里的兩種盒子模型(W3C盒子模型、IE盒子模型)
網(wǎng)頁里有兩種盒子模型標(biāo)準(zhǔn)一是W3C盒子模型；二是IE盒子模型（IE瀏覽器默認(rèn)的模型）下面就用公式來區(qū)分這兩種不同的盒子模型2013-09-08- 相信每一個從事web開發(fā)的人對盒子模型都有一個特殊的理解吧，本文也有一個理解并附有示例代碼，喜歡的朋友可以參考下2013-08-30
- 本章將介紹CSS3中各種盒的知識點(diǎn)；主要包含以下內(nèi)容：CSS3中各種各樣盒的類型概念、瀏覽器支持情況2013-04-24
- 本章將介紹CSS3中各種盒的知識點(diǎn)；主要包含以下內(nèi)容：CSS3中各種各樣盒的類型概念、瀏覽器支持情況2013-04-24
- 前兩天看的《IE6 很邪惡，但我愛它的盒子模型》，我說盒子模型如何如何，面試官告訴我IE5的盒子模型有問題，不是IE6。2010-08-27
- 盒子模型，是XHTML+CSS布局頁面中的核心！要想學(xué)會用CSS布局頁面，就首先要理解盒子模型！2010-01-07
css的核心內(nèi)容 標(biāo)準(zhǔn)流、盒子模型、浮動、定位等分析
css的核心內(nèi)容：標(biāo)準(zhǔn)流、盒子模型、浮動、定位（可以說不理解這些概念絕做不出合適的網(wǎng)頁）2009-12-21- 剛剛看了css教程覺得很形象就貼出來了。想學(xué)習(xí)的朋友可以參考下。2009-10-15
- 網(wǎng)頁制作Webjx文章簡介：盒子模型是CSS中一個重要的概念，理解了盒子模型才能更好的排版。其實(shí)盒子模型有兩種，分別是 IE 盒子模型和標(biāo)準(zhǔn) W3C 盒子模型。2009-04-02
HTML和CSS的關(guān)鍵:盒子模型(Box model)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
原文：http://jorux.com/archives/property-4-if-you-love-css/ 本文作為屬性篇的最后一篇文章, 將講述HTML和CSS的關(guān)鍵—盒子模型(Box model). 理解Box model的關(guān)2008-10-17