1、我们在代码中加入2个层:div1和div2,代码如下:
<divclass="div1">层1</div>
<divclass="div2">层2</div>
2、写对应的css代码,我们先不加fixed属性试试:
.div1{
background-color:#FF0000
width:100px
height:100px
}
.div2{
background-color:#33FF66
width:100px
height:100px
}
3、然后我们F12运行一下看看效果,我是用的dreamweaver8,你也可以直接在记事本里面测试代码.
4、下面我们把fixed属性加上去,为了让我们便于观察,我们让层div1的宽和高足够大,css代码如下:
.div1{
background-color:#FF0000
width:2000px
height:2000px
}
.div2{
background-color:#33FF66
width:100px
height:100px
position:fixed
left:50px
top:50px
}