首页 > 其他 > 详细

Position定位相关属性

时间:2014-03-21 06:53:46      阅读:469      评论:0      收藏:0      [点我收藏+]

语法:

position:absolute|relative|static|fixed|inherit

其中absoluterelative为常用属性,常见形式为组合使用

Absolute:绝对定位

1、如果要定位的元素A的父标签没有设置定位时,那么A就相对于浏览器窗口绝对定位。

2、如果要定位的元素A,它的父标签已经设置了position,且这个值不是默认的static,那么A的绝对定位就相对于A的父标签来定位。

3、设置了position为absolute的元素完全脱离标准流。

 

Relative:相对定位

1、如果一个元素设置了相对定位,那么他的参考点是他自己。相对于他原来的位置,偏移了(left|right|top|bottom|)多少像素,和margin很像,但不是margin。

2、设置了relative的元素并没有脱离标准流,后面元素的排版受原本此元素的位置影响,和飘移的无关。

3、relative就像影子一样,参见第二条。

Static:该值为position的默认值

Fixed

固定定位

1、此定位相对于浏览器窗口

2、脱离标准流

Position定位相关属性,布布扣,bubuko.com

Position定位相关属性

原文:http://www.cnblogs.com/z-turn/p/3614349.html

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