定位(position) 目标 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中： 普通流（标准流） 浮动 让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。 定位 将盒子定在某一个位
本文详细介绍了CSS布局中的定位(position)概念，包括定位的4种模式：静态定位、相对定位、绝对定位和固定定位。重点讲解了相对定位、绝对定位和固定定位的特点和应用场景，如子绝父相布局原则。文章还通过哈根达斯和仿新浪头部广告的案例，加深了读者对定位的理解，并探讨了定位与边偏移、z-index、display属性的关系。最后总结了定位在网页布局中的重要性。
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
