div position:fixed且不脱离文档流,就是还占据原来的位置,不会与其他div重叠

2024年11月22日 04:11
有5个网友回答
网友(1):

position:fixed 在IE6中不支持,position:relative;是不脱离文档流,如果你不指定top,bottom,right,left的值,他还是占据原来的位置,至于不会与其它的DIV重叠,那要看你其它块的设置了。

【延展】

div中 关于四种position的说明:

1、position版本:CSS2 兼容性:IE4+ NS4+ 继承性:无

2、position : static | absolute | fixed | relative

3、static : 默认值。无特殊定位,对象遵循HTML定位规则。

4、absolute : 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义。

5、fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范。

6、relative : 对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置。

网友(2):

position:fixed 在IE6中不支持,position:relative;是不脱离文档流,如果你不指定top,bottom,right,left的值,他还是占据原来的位置,至于不会与其它的DIV重叠,那要看你其它块的设置了。

网友(3):

position:fixed后一定会脱离文档流,一般一个网页header部分到很多。header设置position:fixed定位后,你是遇到和下一个div(main)会上移问题吧?这里可以给header部分设置高,然后main给一个margin-top,可以实现两个div分开。 另外注意position:fixed,一定要设置top:0; left:0:; 不然会引起margin-top无效。

网友(4):

在设置了fixed的div下再设置一个空的div,小小设置成你要占据的尺寸,妥妥儿的

网友(5):

没太看明白你的问题,我记得应该是position:relative;是不脱离文档流,即还占据原来的位置。