CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型

区别:
两者区别在于content不同
标准盒模型是content不包括padding border
IE盒模型是content包括padding border

标准盒模型

CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型

标准盒模型content=content (元素的宽度和高度是content)

IE盒模型

CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型

ie盒模型的content=content+padding+border (元素的宽度和高度是content+padding+border)

设置IE和标准的属性

box-sizing: border-box; // 设置IE模型 也称怪异模式
box-sizing: content-box; // 设置标准模型 (默认属性)
box-sizing: padding-box; // padding计算入width

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容