定位
定位组成
定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子
定位也是用来布局的,它有两部分组成:
定位 = 定位模式 + 边偏移
定位模式 用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。
定位模式
选择器 {
position: 属性值;
}
定位模式是有不同分类的,在不同情况下,我们用到不同的定位模式。
定位模式决定元素的定位方式 ,它通过 CSS 的 position 属性来设置,其值可以分为四个:
静态定位(static)
静态定位是元素的默认定位方式,无定位的意思。它相当于 border 里面的none,静态定位static,不要定位的时候用
静态定位 按照标准流特性摆放位置,它没有边偏移。
静态定位在布局时我们几乎不用的
相对定位(relative)
相对定位是元素在移动位置的时候,是相对于它自己原来的位置来说的(自恋型)。

本文详细介绍了CSS定位的各个方面,包括定位模式(静态定位、相对定位、绝对定位、固定定位和粘性定位)以及位偏移。静态定位遵循标准流,相对定位根据自身位置移动,绝对定位相对于最近的定位祖先元素,固定定位相对于浏览器视口,粘性定位结合了相对和固定定位的特点。边偏移属性如top、bottom、left和right用于调整元素位置,定位模式与边偏移配合使用实现灵活布局。

最低0.47元/天 解锁文章
6042

被折叠的 条评论
为什么被折叠?



