css盒子模型

这里就谈2个模式(box-sizing):

  1. border-box;
  2. content-box;

首先了解一下盒子模型:这里直接copy了, 

 

 

组成4部分;content、padding、border、margin;

 模式1-border-box:元素设置的height = content+padding+border;

 模式2-content-box:元素设置的height = content;

这样就很清晰了,大家在布局的时候注意就好了,希望对大家有帮助。

posted @ 2020-11-17 15:26  无敌徐最俊朗  阅读(74)  评论(0编辑  收藏  举报