什么是盒模型
把所有的网页元素都看成一个盒子,它具有: content
,padding
,border
,margin
四个属性,这就是盒子模型
盒子模型有两种形式:标准盒模型,怪异盒模型
两种模式可以利用box-sizing属性进行自行选择:
标准模式:box-sizing:content-box
;
怪异模式:box-sizing:border-box
;
两种模式的区别:
标准模式会被设置的padding
撑开
而怪异模式则相当于将盒子的大小固定好,再将内容装入盒子,盒子的大小并不会被padding
所撑开