浅析postion的属性中absolute和fixed的区别
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
[p]css样式中的postion元素,它有四个不同的属性,即static | absolute | fixed | relative。[/p]
static
:
默认值。无特殊定位,对象遵循html定位规则
absolute
:
绝对的。将对象从文档流中拖出,使用[url=http://bbon.iifree.net/wp-admin/c_left.html] left [/url],[url=http://bbon.iifree.net/wp-admin/c_right.html] right [/url],[url=http://bbon.iifree.net/wp-admin/c_top.html] top [/url],[url=http://bbon.iifree.net/wp-admin/c_bottom.html] bottom [/url]等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过[url=http://bbon.iifree.net/wp-admin/c_zindex.html] z-index [/url]属性定义
fixed
:
固定的。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative
:
对象不可层叠,但将依据[url=http://bbon.iifree.net/wp-admin/c_left.html] left [/url],[url=http://bbon.iifree.net/wp-admin/c_right.html] right [/url],[url=http://bbon.iifree.net/wp-admin/c_top.html] top [/url],[url=http://bbon.iifree.net/wp-admin/c_bottom.html] bottom [/url]等属性在正常文档流中偏移位置
[p]其中的 absolute和fixed很多人始终搞不明白区别到底多细微,其实,在ie里面的效果确实没什么区别,但在ff等飞ie内核的浏览器中的效果就很不一样了。[/p]
[p]把下面一段代码复制,放到.html文件里在ff里就可以看出区别来了。[/p]
[p][br][br][br][br]
我在屏幕的位置不会改变 [br][br] [br][br][/p]
我会随屏幕滚动 [br]该文章在 2010/4/27 3:06:02 编辑过 |
关键字查询
相关文章
正在查询... |