首页 > 代码库 > css关于相对定位与绝对定位
css关于相对定位与绝对定位
1.一般如果我们不给元素设置position,则默认为static,此时是该元素是没有定位的,像left/right这些偏移属性都是没有效果的。
2.position:relative (相对定位)
若设置为相对定位,即可配置left/right这些偏移,相对于该元素原有位置进行偏移,并且,原有位置任占据着文档流的空间,偏移并不会挤开别的元素,所以如果发生重叠,可以通过z-index设置堆叠顺序。
3.position:absolute(绝对定位)
当一个元素设置为绝对定位的时候,在文档流中是不占据空间的,会上浮。与相对定位不同的是绝对定位会删除文档流中原有位置的空间,定位则是通过不为static的父元素来定位(若父元素为static,则则找父元素的父元素,往上级找)。
本文出自 “cw” 博客,请务必保留此出处http://cw666.blog.51cto.com/12488150/1929405
css关于相对定位与绝对定位
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。