盒子模型
子盒子
-
边框盒(border-box)
由border+padding+content组成; -
填充盒(padding-box)
由content+padding组成; -
内容盒(content-box)
只包含content;
当子盒子为以上盒子时,页面的实际尺寸会计算组成部分的位置;
属性clip控制背景渲染的部分
格式:background-clip:border-box;
表示背景渲染从边框外侧开始
格式:background-clip:padding-box;
表示背景渲染从内边距外侧(边框内侧)开始,
boxsizing:默认值为content-box;