首页 > 其他 > 详细

盒子模型

时间:2021-02-27 23:55:38      阅读:33      评论:0      收藏:0      [点我收藏+]

盒模型的组成包括:content, padding, border, margin组成。

有两种盒模型:标准盒模型和IE盒模型。
技术分享图片
 
两种盒模型的主要区别是:标准盒模型的宽高是值内容宽高(content),而IE盒模型的宽高是指content+padding+border
 
设置盒模型的方式是:设置box-sizing
    box-sizing:content-box  标准盒模型
    box-sizing:border-box IE盒模型
所以在ie盒模型下加入padding和border都不会增大盒子的大小,只会缩小内容的大小

盒子模型

原文:https://www.cnblogs.com/xiao1314/p/14456911.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!