padding 把 盒子撑开的解决方案

在盒子中添加 box-sizing: border-box; 就可以解决了

注意：

• 宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（img标签和input除外）
• 计算盒子模型的总高度时，还应考虑上下两个盒子垂直外边距合并的情况
• 如果一个盒子没有给定宽度/高度，就会用其父类的属性，这时padding不会影响盒子的大小

原因：

因为Div添加了内边距属性，Div的实际宽度=Div的初始固定值+边距值（高度同理）
例如Div设定为宽度为100px，添加5px的上下左右内边距，该Div的最后宽度为100+5+5=110px。

1. CSS padding 属性定义元素边框与元素内容之间的空白区域。
2. 内边距数值设置相同，只需要写成：padding:10px;
3. padding 接受长度值或百分比值，但不允许使用负值

所以如果需要给固定Div添加内边距，想要它不撑开，就将固定值设置为想要得到的宽度值与边距值之差。