众好汉,请举例分析relative,
第一,一般是何种情况下使用div的position属性??何属性含义是何?
第二,请举例说明一番。
谢谢。
我在做一个下拉菜单,就是不解。
------解决方案--------------------CSS 定位 (Positioning) 属性允许你对元素进行定位。
楼主 看看 http://www.w3cschool.cn/css_positioning.html
------解决方案--------------------
默认文档中元素都是流式布局,一个接一个将文档空间填满。
如果指定了一个元素的 position:relative,和left,top值就可以将这个元素从它固有的位置上移开一些,同时它来来的位置保持不被占用。
例如下例,一超级链接,我让他在鼠标指向时右下移一点点,从而产生一点互动响应的效果
HTML code
<style type="text/css" >
a{ position:relative;}
a:hover{left:1px;top:1px;}
</style>
我爱上
<a href="http://www.csdn.net">CSDN</a>来学习
------解决方案--------------------
------解决方案--------------------
上一级{ position:relative;}
本级{ position:absoute;left:*px;top:*px};
------解决方案--------------------
当你想控制一个元素的位置,但用常规的方法又难以办到。就可以使用 position了
position:static //默认的
position:relative //相对定位,设置后可以调整元素的left , top css属性,但元素原所占位置仍存在
position:absolute //绝对定位,设置后脱离文档流,一般结合父元素relative使用
position:fixed//固定定位, 不是所有浏览器都支持的。用的较少
------解决方案--------------------
建议楼主看W3Cschool,从基本学起,最重要的两个值是relative和absolute,至于例子我不写,因为我觉得这种简单的例子楼主自己亲自用DW试一试,亲身体验会更好