css问题,div被遮挡

html-css027

css问题,div被遮挡,第1张

建议最好使用内边距…IE6对外边距非常敏感并且一点规矩也不守…外边距这IE6经常发神经

在定位的时候要定准确

这该死的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}

你把代码粘到相对应的文件中看看效果就知道了