通常认为HTML页面是二维的，但实际上，CSS还有一个z-index属性，允许层叠元素。
所有的盒模型元素都处于三维坐标系中。 除了我们常用的横坐标和纵坐标， 盒模型元素还可以沿着“z轴”层叠摆放， 当他们相互覆盖时， z轴顺序就变得十分重要。
— CSS 2.1 Section 9.9.1 – Layered presentation默认的摆放规则
假定元素没有指定z-index属性，那么元素按照如下顺序叠放（从底到顶）
根元素的背景和边界 普通流(无定位)里的块元素(没有position或者position:static;)按HTML中的出现顺序堆叠 定位元素按
