1新建一个html文件，命名为testhtml 2在testhtml文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位3在testhtml文件内，创建三个div，并用文字标识，分别为底层div中层div最；设置div样式 zindexauto auto可定义为一个值整数数字，越大代表越置前，如可定义为 zindex999前提是div是定位元素代码实例如下1lthtml 2 ltbody 3ltstyle type=quottextcssquot 3div1 width。

用定位，宽度用百分比，给你写个例子 htmlltdiv class=quotleftquotleftltdivltdiv class=quotrightquotrightltdivcssleftwidth30% positionabsolute left0px top0pxrightwidth30% positionabsolute；2当用position定位后的元素，可以用zindex来设置标签的层次，哪个标签zindex属性值大，那个标签在最上层例如例子1因为div2是后插入的标签，所以默认情况下在最上层，代码如下 lt！DOCTYPE html lthtml lang=quotenquot。

在CSS里加上给div定位，如果是要div固定在页面的最上部，用positionfixed如果要div显示在所有层的最上面就用positionabsolute zindex9999值越大越在最上面的层；可以用JQ $windowon#39scroll#39，function $windowscrollTop1200 ？ $container_uladdClass#39pro_tab_tit#39$container_ulremoveClass#39pro_tab_tit#39 $windowscrollTop1200 ？ $co。

首先新建一个html文件，在文件中写入一个div容器和一个图片 2然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的zindex属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高；方法设置div样式 zindex auto auto可定义为一个值整数数字，越大代表越置前，如可定义为zindex999前提是div是定位元素。

如果想要将ltdiv设置为网页中最上层，除了设置zindex属性以外，还需要设置position为绝对定位absolute效果如下图；方法设置div样式 zindexauto auto可定义为一个值整数数字，越大代表越置前，如可定义为 zindex999前提是div是定位元素。

设置 style 中 zindexauto auto可定义为一个值整数数字，越大代表越置前，如可定义为 zindex9999若定义为1，代表为最底层如果要让div1不被div2遮挡，则将div1的zindex设置比div2大就可以了看个；编辑这个网页，在里面引入jquerypin具体代码如下 ltscript src=quot191minjsquotltscript ltscript src=quotltscript 让图像div碰到屏幕顶后自动随着滚动而悬。

然后把导航条的position属性设置为“fixed”，表示的是固定定位了接着我们在设置导航条的“top”属性为0，表示导航条跟浏览器顶部的距离为0，如果是其他数值，则会拉开一些距离总的来说，就是给div设置好fixed，然后top；设置style 中 zindexauto auto可定义为一个值整数数字，越大代表越置前，如可定义为 zindex999若定义为1，代表为最底层div的图层由div的style中的zindex来决定，zindex是层垂直屏幕的坐标，0最小。

我这上面的ltdiv是除body之外最外的一层框架，参考 ltbody ltdiv style=quotpositionfixed float top0px marginauto height43pxquotltdiv style=quotbackgroundcolor#039 positionrelative float left。