對比標準盒子模型中: 定義的width, 只包含content部分的寬度, 如果增加盒子的padding和border, 會增加盒子所佔的整體寬度
ie盒子模型中: 定義的width, 是包含content的跨度, 還有左右兩側的padding還有border
相容處理
1) ie瀏覽器文件注釋
2) 對於360雙核這種找抽瀏覽器，據說新增以下頭部meta資訊可以使得網頁用webkit核心渲染
chrome=1：谷歌的外掛程式外掛程式google chrome frame（谷歌內嵌瀏覽器框架gcf），使用ie瀏覽網頁時實際上是使用chrome瀏覽器核心渲染，最低支援ie6，但前提是客戶端已經安裝gcf。
但實際上這個meta標識是ie瀏覽器所識別的，並不是公認的標準，所以用雙核的瀏覽器會傲嬌。當然360也會傲嬌，所以有時你會發現360並不能總是（也可能是我本人rp差）以chrome核心渲染你的按現代標準開發的網頁。
那麼試試這個吧，新增：
ok，一行**搞定360絕大部分的相容。
隨筆css實現三角形效果
盒子模型總結
引用自 定義容器的display屬性 box容器樣式 boxflex direction值介紹如下 row 預設值。靈活的專案將水平顯示，正如乙個行一樣。row reverse 與 row 相同，但是以相反的順序。column 靈活的專案將垂直顯示，正如乙個列一樣。column reverse 與 ...
盒子模型總結
盒子模型 盒子模型分為標準盒子模型和ie盒子模型 標準盒子模型 標準盒子模型分為margin，border,padding,content,其中content部分不包含其他部分，對應height部分 ie盒子模型 ie盒子模型包含margin，border，padding，和content，其中co...
盒子模型與怪異盒子模型
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...