Question

css属性设置了fixed属性后模块变短了，怎么解决？

Answer 1

1、 我们在代码中加入2个层：div1和div2，代码如下：

<div class="div1">层1</div>

<div class="div2">层2</div>

2、写对应的css代码，我们先不加fixed属性试试：

.div1{

background-color:#FF0000;

width:100px;

height:100px;

}

.div2{

background-color:#33FF66;

width:100px;

height:100px;
}

3、然后我们F12运行一下看看效果，我是用的dreamweaver 8，你也可以直接在记事本里面测试代码.

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;
}