你是否也曾被 CSS 的 position 属性搞得头昏脑胀?relative 和 absolute 到底相对的是谁?sticky 又是怎么回事?
别担心!这期视频将用4分钟时间,带你彻底搞懂 CSS 定位的核心概念,让你能像搭积木一样,随心所欲地控制页面元素。
📌 这期视频会涵盖以下几个核心知识点:
* 静态定位 (Static): 默认值,元素遵循正常的文档流。
* 相对定位 (Relative): 相对于元素【自身】的原始位置进行偏移。
* 绝对定位 (Absolute): 相对于【最近的、非 static 定位的祖先元素】进行定位。
* 固定定位 (Fixed): 相对于【浏览器窗口】进行固定,滚动时位置不变。
* 粘性定位 (Sticky): 像“便利贴”,在滚动到特定位置时“粘”住。
同时,我们也会讲解这些相关的属性:
top, left, bottom, right 和 z-index
如果觉得这期视频对你有帮助,请不要忘记点赞、关注和分享!
你的支持是我持续创作的最大动力!