盒子的四个基本内容:
box-sizing(盒子模式)
1. 内容盒子(普通盒子 , 默认盒子)
content-box;
盒子实际占据的宽度 : 2borderWidth + 2padding + width
盒子实际占据的高度 : 2borderWidth + 2padding + height2. 边框盒子(怪异盒子 ie低版本)
border-box;
盒子实际占据的宽度 :width width = 2borderWidth + 2padding + 内容宽
盒子实际占据的高度 :height边框盒子可以理解为已经把各种外边距和内边距封装起来了