外边距的作用

1. 前言

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

其实根本原因在于固定定位会脱离默认文档流，为了让大家清楚的认识到到底是怎么一回事，我们特意在主盒子的里面写上了一些文字。

2. 加入文字

运行结果：

3. 去掉主盒子的外边距

运行结果：

4. 小结

这是怎么回事呢？原来，去掉了外边距就相当于把盒子推到了最顶端：

为了让大家能看清楚是怎么回事，所以在头部添加了透明度。如果没加透明度的话便会产生遮挡：

也就是说：固定定位的盒子不占用任何的空间（脱离默认文档流），所以为了弥补这段失去的空间，我们应该在主盒子上加入一个上边距。