码迷,mamicode.com
首页 > 其他好文 > 详细

position 属性的值的比较

时间:2017-09-24 19:19:49      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:属性   z-index   种类型   固定   元素   nbsp   relative   浏览器   移动   

可取的四个值: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 属性的值的比较

标签:属性   z-index   种类型   固定   元素   nbsp   relative   浏览器   移动   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!