瀏覽器的盒子模型

• IE盒模型
• w3c
• 在（Quirks）模式下：
• ie的盒子模型 
• 盒模型佔總空間=contentWidth
• w3c盒子模型
• 盒模型佔總空間=contentWidth+padding+margin+border;
• ff,chrome 都是W3C盒模型， 即總=contentWidth+padding+margin+border;
• 如何解決這個bug
• （1）經過頭文件 設置頁面的模式爲標準模式：在標準模式下，ie6,7,8,9對盒子的渲染是：盒模型佔總空間=contentWidth+padding+margin+border
• （2）css3 中的box-sizing:border-box