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

绝对定位与相对定位

时间:2016-04-17 17:47:03      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

绝对定位与相对定位的区别:

1.

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

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

2.

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

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

3.

fixed固定定位,视角通常是浏览器(页面上的小广告就是用这个定位)

绝对定位与相对定位

标签:

原文地址:http://www.cnblogs.com/lilinfeng569482/p/5401400.html

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