• 投稿

无废话!4分钟玩转CSS定位

2.5万
23
2025-11-02 18:27:45
1015
445
1477
82
你是否也曾被 CSS 的 position 属性搞得头昏脑胀?relative 和 absolute 到底相对的是谁?sticky 又是怎么回事? 别担心!这期视频将用4分钟时间,带你彻底搞懂 CSS 定位的核心概念,让你能像搭积木一样,随心所欲地控制页面元素。 📌 这期视频会涵盖以下几个核心知识点: * 静态定位 (Static): 默认值,元素遵循正常的文档流。 * 相对定位 (Relative): 相对于元素【自身】的原始位置进行偏移。 * 绝对定位 (Absolute): 相对于【最近的、非 static 定位的祖先元素】进行定位。 * 固定定位 (Fixed): 相对于【浏览器窗口】进行固定,滚动时位置不变。 * 粘性定位 (Sticky): 像“便利贴”,在滚动到特定位置时“粘”住。 同时,我们也会讲解这些相关的属性: top, left, bottom, right 和 z-index 如果觉得这期视频对你有帮助,请不要忘记点赞、关注和分享! 你的支持是我持续创作的最大动力!
全网同名 讨论群置顶动态
42.8万播放
简介
10分钟彻底搞懂CSS盒模型(Box Model),告别布局烦恼!
10:06
12分钟搞懂CSS Flex布局 告别布局难题
12:28
12分钟搞懂CSS Grid 一行代码实现响应式布局!
11:57
7分钟彻底搞懂Flex和Grid的核心区别与选择
07:03
3分钟搞懂 CSS 伪元素 ::before & ::after
02:50
4分钟玩转CSS定位
03:58
12分钟彻底搞懂 CSS 动画与过渡
12:05
6分钟彻底搞懂CSS em和rem,告别选择困难症!
06:26
8分钟解决你工作中99%的CSS背景图难题!
07:46
10分钟讲透CSS文档流:从BFC底层原理到外边距折叠
10:21
11分钟彻底搞懂CSS媒体查询,响应式布局其实没那么难
11:03
6分钟讲清楚CSS逻辑属性 你以为在写布局,其实把方向写死了?
05:58
讲清 inline style、@layer 和 specificity
02:34
讲清 vh、svh、lvh、dvh 怎么选
03:35
绝对定位还是 CSS Grid?背景海报文字叠加到底该怎么选
04:06
Firefox DevTools 好用在哪?CSS 初学者别只用 Chrome
05:19
CSS 隐藏元素前,你需要先判断这件事
04:52
CSS 颜色表达方式:RGB、Hex、HSL、OKLCH 到底怎么选?
05:23
z-index 为什么会失效?理解 CSS Stacking Context 的核心规则
06:36
客服
顶部
赛事库 课堂 2021拜年纪