在定位的时候要定准确
这该死的IE6神马时候才从盗版的XP系统中全军覆没啊……………………
1、首先需要做的就是创建两个div。
2、创建了div后,我们需要分别给它们Class属性。
3、接下来,我们使用css,通过Class属性给它们设置样式。
4、我们需要给于它们一个宽度与高度,为了便于观察,我们可以给它们一个边框,这样便于观察。
5、接下来,我们先给不悬浮的div设置样式,我们给它设置一个背景颜色。
6、接下来,我们设置悬浮起来的div的样式,我们需要先将其进行绝对定位。设置其position。
7、接下来,我们设置浮动div的位置,需要使用到的是top与left.具体如下图所示,同时,为了便于观察,我将悬浮的div的宽度与高度修改了。
用定位,例:<div class="top"></div>
<div class="bottom"></div>
css:
.top{width:300pxheight:100pxbackground:#000}
.bottom{width:300pxheight:100pxbackground:#090position:relativeleft:50pxtop:-50px}
你把代码粘到相对应的文件中看看效果就知道了