盒模型的組成，由內而外只要由 content，padding，border和margin組成。標準盒模型和怪異盒模型的主要區別就是所包含的內容。
標準盒模型的內容就是content的大小
怪異盒模型的內容是content+padding+border
怪異盒模型的寬=content的寬+padding2+border2
怪異盒模型的高=content的高+padding2+border2
標準盒模型轉換成怪異盒模型：
通過設定**box-sizing:border-box;**來自由切換。
標準盒模型和怪異盒模型
ie盒模型 怪異盒模型 和標準盒模型的區別就是，ie盒模型中width和height除了content區域外，還包含padding和border。盒子的總寬度為乙個塊的總寬度 width margin 左右 即width已經包含了padding和border值 在標準盒模型下，width和heigh...
標準盒模型和怪異盒模型
盒子模型眾所周知，這裡先簡單介紹一下。可以看到，在標準盒模型 box sizing content box 下，width和height是內容區域即content的width和height。而盒子總寬度為 在標準模式下，乙個塊的總寬度 width margin 左右 padding 左右 borde...
標準盒模型和怪異盒模型
盒子模型眾所周知，這裡先簡單介紹一下。可以看到，在標準盒模型下，width和height是內容區域即content的width和height。而盒子總寬度為 在標準模式下，乙個塊的總寬度 width margin 左右 padding 左右 border 左右 而ie盒模型或怪異盒模型顯而易見的區別...