网页CSS元素浮动的层次顺序问题。

层级关系的布局有两种解决方法：

一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。

而第一种方法却不是万能的，有时候我们需要将原本位于下层的元素移到另一个元素上方，那可以使用z-index；
当你定义的CSS中有position属性值为absolute、relative或fixed，
用z-index此取值方可生效。
此属性参数值越大，则被层叠在最上面。
例子：

相对定位的特点就是占着马桶不拉屎，就是说它相对它本来的位置偏离了一定距离以后，它去了别的地方，但是它原来待的地方也是不会让出来的，你3个div浮动以后，就变成了图1的样子，那么3个div自己的位置已经确定，那么不管是div1也好，其他div也好，用相对定位跑到隔壁家去玩也好，跑到天涯海角也好，它家里的位置还是占着不让别人去的，仿佛它不曾离开。

div1{ position:relative; width:100px; height:100px;}

div2{ position:absolute; left:10px; top:10px; width:50px; height:50px;background:#0fc;}
小div置于div1之上，如果不显示的话可以用z-index：10