外边距的作用

1. 前言

为什么要有一个合适的外边距呢？

我们在主盒子里面写上一些文字看看：

2. 加入文字

运行结果：

3. 去掉主盒子的外边距

运行结果：

4. 小结

为什么去掉外边距文字就消失了呢？原来，去掉了外边距就相当于把盒子延展到了最顶端和最底端，因为上下两栏使用了固定定位。

固定定位会导致元素脱离默认文档流，也就是说上下两栏不在默认文档流里面占用任何空间，所以上面的文字和下面的文字就会被挡住。

所以我们应该给主盒子一个合适的上下边距，来绕开被挡住的部分。