美文网首页
定位position

定位position

作者: cathy95 | 来源:发表于2016-06-08 12:22 被阅读0次

absolute和fixed的区别:

absolute:

1.未设置偏移量时:

(1) 无已定位的祖先元素:处于初始位置

(2) 有已定位的祖先元素:处于初始位置

2.设置偏移量后:

(1) 无已定位的祖先元素:相对于最初的包含块

(2) 有已定位的祖先元素:相对于最近的已定位祖先元素

fixed:

1.未设置偏移量时:

(1) 无已定位的祖先元素:处于初始位置

(2) 有已定位的祖先元素:处于初始位置

2.设置偏移量后:

(1) 无已定位的祖先元素:相对于浏览器窗口

(2) 有已定位的祖先元素:相对于浏览器窗口

【表现形式】(产生滚动条时)

absolute 随滚动条滚动

fixed 位置始终不变 其他元素从下面穿过

【顶部固定层实现】

#top--position:fixed;top:0;left:0;

#mainbody--margin-top:(#top高度+原有间距)px

相关文章

网友评论

      本文标题:定位position

      本文链接:https://www.haomeiwen.com/subject/iddjdttx.html