码迷,mamicode.com
首页 > Web开发 > 详细

css中的相对定位与绝对定位的区别

时间:2016-04-03 22:02:44      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

1.绝对定位

position: absolute;绝对定位:绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)

绝对定位与文档流无关,所以它们可以覆盖页面上其他的元素,可以通过z-index属性来控制这些层的对方顺序。

2.相对定位

position: relative;相对定位:相对定位是相对于元素在文档中的初始位置

注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。

css中的相对定位与绝对定位的区别

标签:

原文地址:http://www.cnblogs.com/fengyuzhongdexiongying/p/5350770.html

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