定位position

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容