盒子

• 设置的width和height是内容的宽高
• 设置边框会撑大盒子
• 设置padding会撑大盒子，上右下左

三角形

PADDING

父盒子设置了宽度，而且子盒子没有设置宽度，给盒子设置左右padding，左右border不会撑大盒子（块元素），设置了宽度就会撑出父亲盒子

自动内减：
box-sizing：border-box
width：300px；
height：300px；
border：10px solid red；
padding：20px；
background-color：pink；
怪异盒子模型（移动端），自动内缩。