了解box-sizing 盒子模型
Posted dongzhi1111
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了了解box-sizing 盒子模型相关的知识，希望对你有一定的参考价值。
最近看到别人代码有用到box-sizing属性，自己没用过，记录一下
box-sizing:border-box
指定宽度和高度（最小/最大属性）确定元素边框box
理解：假设宽高为100px，设置了padding 10px,border 10px，内容尺寸会变小，相当于用padding和border取代了内容部分宽高，整体尺寸还是100px
box-sizing:content-box
指定元素的宽度和高度（最小/最大属性）适用于box的宽度和高度
理解：假设宽高为100px，设置了padding 10px,border 10px，内容尺寸不变，padding和border增加盒子整体相应的尺寸，为140px
以上是关于了解box-sizing 盒子模型的主要内容，如果未能解决你的问题，请参考以下文章