复习之盒子模型（二）

1. 边框设置

border-collapse:collapse; 表示相邻边框合并在一起

2.内边距

一般设置的width和height都是内容的宽高
产生问题：撑大原来的盒子
解决办法：
a. 设置的宽高减去原来的盒子
b. 通过设置box-sizing: border-box;

3.插入图片和背景图片的区别

 
4.外边距

对于如下问题，设置了儿子的外边距，结果父亲跟着下来了

解决方案：
a.给父亲添加border,
border: #FAEBD7 solid 1px;
b.为父亲定义内边距
c.为父亲定义overflow:hidden
d.儿子浮动
e.儿子绝对定位或者固定定位

5.盒子阴影