盒子模型

子盒子

1. 边框盒(border-box) 
   由border+padding+content组成；

2. 填充盒（padding-box） 
   由content+padding组成；

3. 内容盒(content-box) 
   只包含content；

当子盒子为以上盒子时，页面的实际尺寸会计算组成部分的位置; 
属性clip控制背景渲染的部分 
格式：background-clip:border-box; 
表示背景渲染从边框外侧开始 
格式：background-clip:padding-box; 
表示背景渲染从内边距外侧（边框内侧）开始， 
boxsizing:默认值为content-box;