武汉SEO > DIV+CSS学习 > CSS中position参数的解释和用法

CSS中position参数的解释和用法

[ 来自: 武汉网络推广   发布者: 管理员  发布时间: 2010-12-25 05:44:57  浏览次数: ]

1. position:relative
如果设定 position:relative,就可以使用 top,bottom,left 还有 right 来相对于元素在文档中应该出现的位置来移动这个元素。在原有的位置移动不受任何影响。


2. position:static
所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。
一般来说,不用指定 position:static,除非想要覆盖之前设置的定位。


3. position:absolute
当指定 position:absolute 时,元素就脱离了文档(就相当于全局定位),可以准确的按照设置的 top,bottom,left 和 right 来定位了。


4. position:relative + position:absolute
如果我们给test设置 relative 定位,那么test 内的所有元素都会相对 test 定位。如果给 test2 设置 absolute 定位,就可以把 test2 移动到 test2 的任一一个方向。

设为首页 | 加入收藏 | 网站建设 | 网站优化 | 网站维护 | 网络维护 | 网站地图 | 武汉SEO论坛
早教黄金搭档怎么样,双语不用教,幼儿双语不用教,一分钟速算多少钱,一分钟速算,如何教育孩子,杜云生绝对成交视频,杜云生销售全集,小吃技术,特色小吃,金正昆讲礼仪全集,口臭的治疗方法,狐臭的最佳治疗方法,跑步机十大品牌,鹅绒被十大品牌,蚕丝被十大品牌,羽绒被十大品牌,真皮床,真皮沙发十大品牌,汽车节油器