今天打包章丘互聯(lián)網(wǎng)應(yīng)急指揮的時候，發(fā)現(xiàn)了一個問題，大部分樣式都錯位了，在本地跑的好好的，怎么打包就錯位了呢?然后我打開開發(fā)者工具，發(fā)現(xiàn)原本的css沒變，但是寬度卻變了，為什么會出現(xiàn)這種情況呢？
剛開始學(xué)css的時候，我記得我的叔叔提過一嘴，css里有兩種盒模型，IE盒模型和標準盒模型，當前主流開發(fā)的盒模型都是IE盒模型，也被稱為怪異盒模型，在css3中能夠通過box-sizing屬性來控制使用IE盒模型或標準盒模型。
box-sizing: content-box; /* 標準盒模型（默認值） */
box-sizing: border-box; /* 怪異盒模型 */
那么這兩種盒模型有什么區(qū)別呢，給大家看一個例子。我們這里設(shè)置兩個完全相同的div，可以看到除了第一個div多了一個box-sizing:border-box的屬性外，沒有任何區(qū)別，那么實際的表現(xiàn)是什么樣子呢？
是的，一樣的css因為盒模型不同，視覺上成了一大一小。
為什么呢，這里我們引用一下w3c的圖片：
在 標準盒子模型中，width 和 height 指的是內(nèi)容區(qū)域的寬度和高度。增加內(nèi)邊距、邊框和外邊距不會影響內(nèi)容區(qū)域的尺寸，但是會增加元素框
的總尺寸。
IE盒子模型中，width 和 height 指的是內(nèi)容區(qū)域+border+padding的寬度和高度。
了解更多css知識點擊這里。
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站手術(shù)移動護理系統(tǒng)詳細流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站手術(shù)移動護理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站紅寶書智慧黨建平臺")
