CSS3盒模型（⾃动内减-内减模式）
案例需求:
盒⼦尺⼨300*300，背景粉⾊，边框10px实线⿊⾊，上下左右20px的内边距，如何完成？给盒⼦设置border或padding时，盒⼦会被撑⼤，如果不想盒⼦被撑⼤?
解决⽅法①:⼿动内减
操作:⾃⼰计算多余⼤⼩，⼿动在内容中减去·缺点：项⽬中计算量太⼤，很⿇烦。
cssclass属性
解决⽅法②:⾃动内减
操作：给盒⼦设置属性box-sizing:border-box；即可。（常常在公共CSS中有，只需要在所需盒⼦标签中调⽤该class属性即可使⽤。
优点：浏览器会⾃动计算多余⼤⼩，⾃动在内容中减去。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。