首页 > 其他 > 详细

position 属性的值的比较

时间:2017-09-24 18:59:23      阅读:275      评论:0      收藏:0      [点我收藏+]

可取的四个值:static/relative/absolute/fixed

static:默认值,top/right/bottom/left 无作用,z-index无效

relative:相对于原来的位置进行偏移。

               不管它是否进行移动,元素仍要占据它原来的位置。

absolute: 以父代元素不为static的元素为参考,父代元素为static,则以body为参考。

                  脱离文档流,原先在正常文档流中所占的空间会关闭,元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。

fixed:固定位置,相对于浏览器窗口进行定位。其他和absolute一致。

PS:relative/absolute/fixed用top/right/bottom/left 设置其偏移值,z-index设置其层级。

position 属性的值的比较

原文:http://www.cnblogs.com/juicy-initial/p/7587984.html

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