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

html-css031

css属性设置了fixed属性后模块变短了,怎么解决?,第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

}

标签或者div是一个矩形而且只能是矩形,所以一共有4条边,而设置单独一条边框是必须与这个边长度或者宽度相等的,最多只能控制边框的粗细或者样式(虚线、实线)而已;你要是想一边长一边短,那就只能用图片来模拟代替了