+ -
当前位置:首页 → 问答吧 → 有没有人详细解释下position:relative;

有没有人详细解释下position:relative;

时间:2010-11-05

来源:互联网

今天看了个css 此人多次使用 position:relative 却仅仅是用的默认值。例:
#search form ol li a:hover{margin-bottom:-1px; height:23px; background:url(../images/search_lmbg2.gif) no-repeat left top; position:relative; font-weight:bold;}
很多处都是这种用法,而且其父元素没定位属性。
但是加上和不加效果还真不一样。但其没用top 或者 left。为什么会引起改变?望指教。

[ 本帖最后由 yunketian 于 2010-11-5 11:25 编辑 ]

作者: yunketian   发布时间: 2010-11-05

相对定位是相对自身位置定位的,不加left,top默认两者属性值为0;
事实上,之所以这么加position:relative而不声明left,top很有可能是为了增加层叠值。

作者: xmlovedoudou   发布时间: 2010-11-05

请查询CSS手册,论坛上也可以搜索到的。

作者: yoom   发布时间: 2010-11-05

首先感谢往事如蜂 和斑竹,我想往事如峰理解了我的问题。手册上并没有对此原因的详细解释,当然有
position:relative的解释但不知道为啥会有这种现象,而且加不加之前位置变化差距相当巨大。另外z-index;我进行了降级。还是这样估计和此无关纳闷。

[ 本帖最后由 yunketian 于 2010-11-5 15:31 编辑 ]

作者: yunketian   发布时间: 2010-11-05