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
网友评论