css设置层级为2

css设置层级为2可用z-index：2。在css中，利用z-index属性来设置层级，z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

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

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

而第一种方法却不是万能的，有时候我们需要将原本位于下层的元素移到另一个元素上方，那可以使用z-index；

而你说的不好用，则是zindex没有生效，没生效就是没有定义position属性，如果不想让元素的位置有所变化，就给赋予z-index属性的元素加上相对定位的position:relative

DW中的视图仅仅是个参考，不能作为最终效果，要知道，网页是浏览器渲染的，网友是不会用DW看你的网页的。

要想做到自由布局，不妨建议您练习下css的position属性，大致告诉你几点主要的：

绝对定位absolute，在父级元素没有任何定位属性的时候，默认是对齐浏览器的左上角的。

相对定位relative通常用来保留元素的原始位置，并给其下的子元素一个定位限制

所以，要想自由控制你的某个元素，首先你要理解应该如何去设置他的定位方式。如你的案例，假设你的页面有固定宽度，那么，除非你的页面是左对齐的，否则，居中对其的话，未限定区域的浮动元素（absolute定位）就会出现偏离。最好的办法就是给你的主要布局元素一个相对定位属性，然后把浮动元素放到里面，这样，【主布局元素（relative定位）】就限制住了【浮动元素（absolute定位）】的活动范围。

可以尝试建立一个div，给他一个宽度、高度和relative定位，然后里面放一个absolute定位的元素，外面放一个absolute定位的元素，调试下他们的位置，看在浏览器中的效果。

网页中的元素定位使用到x轴y轴（还有一个z轴），x就是横向的，从左往右算；y就是垂直的，从上往下算，z是纵深的，设置元素的层次（网页和PS的图层很像，也是一层盖一层）。

---