标准盒模型 + ie怪异盒模型
2019-11-02 本文已影响0人
web3d开发工程师
一、基本概念
什么是盒模型：盒模型包括内容（content）、外边距（margin）、边框（border）、内边距（padding）
Chrome盒模型
二、标准模型与IE模型区别
两者宽度不一样
标准模型宽度
IE模型
width= border+padding+content 没有margin
标准模型宽度
width = content 没有padding、border、margin
两者的高度计算一样
三、盒模型切换
css3新属性
box-sizing: border-box;ie模式
border-box
计算宽度 刚好等于100px
box-sizing: border-box;标准模式
content-box
