cssfixed缩小自动偏移

html-css021

cssfixed缩小自动偏移,第1张

CSS fixed 缩小自动偏移是指在使用CSS时,可以使用fixed属性来缩小自动偏移,以便更好地控制元素的位置。fixed属性可以让元素固定在一个位置,而不会受到其他元素的影响,从而更好地控制元素的位置。使用fixed属性可以有效的减少自动偏移,从而更好地控制元素的位置。

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

}