首页 > Web开发 > 详细

css属性position的使用方法

时间:2017-03-18 01:16:23      阅读:232      评论:0      收藏:0      [点我收藏+]

css属性中用position来设置元素的定位类型,在网页div布局中有很要的作用,有static、absolute、fixed、relative四个可选值。

static 静态的,是指无定位,默认值,元素出现在正常的流中,忽略了top、bottom、left、right等的声明。

fixed是指相对于窗口的固定位置,一般设置为fixed定位后,元素会相对于窗口不动,或者可定位于相对于浏览窗口的制定坐标,同样是通过top、bottom、left、right来设置。需要注意的是,ie6不支持position:fixed设置。

absolute是指绝对定位,元素设置为绝对定位后,就会脱离了文本流,在文档中不占据位置了,而且可以通过设置top、bottom、left、right等值来让元素进行移位。

relative是指相对定位,就是指相对于元素原来默认的位置进行移位,同样是通过top、bottom、left、right等值来设置相对原来的移动位置。需要注意的是,一般元素设置为相对定位后,该元素依旧占据在文档中的位置,也就是说没有脱离文本流。

通常比较使用的是绝对和相对定位,两个同时使用也很常见,比如,给父元素设置相对定位,子元素再设置绝对定位后就会相对于父元素来移动,而不是相对于body了。

css属性position的使用方法

原文:http://www.cnblogs.com/summer00/p/6569183.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!