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

fixed定位与absolute定位

时间:2015-10-23 10:04:54      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

相同点:

1、fixed定位和absolute定位都是绝对定位

2、fixed定位和absolute定位都脱离了标准文档流,

3、未设置偏移量时,都定位在父元素的左上角

tip:元素设置相对定位或绝对后,就具有了偏移属性和堆叠属性Z-index,属性值越大,越靠上

 

不同点:

fixed定位:

设置偏移量后:无论有无已经定位的祖先元素,都相对于浏览器窗口进行偏移

未设置偏移量:以其父元素为基准定位,会继续包含在父包含块中。

表现形式:位置固定,不会随滚动条变化;被他遮盖的元素,可以从其下穿过。

absolute定位:

设置偏移量时:无已定位的祖先元素,以<html>为基准偏移;有已经定位的祖先元素,以距离其最近的、已定位的祖先元素为基准偏移

表现形式:位置随滚动条变化

 

fixed定位与absolute定位

标签:

原文地址:http://www.cnblogs.com/shenfangfang/p/4903548.html

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