什么是定位

一、什么是定位

• 定位是一种布局模型
• 定位布局的最大特点是精确控制元素的位置。
• 四种定位布局：相对、决定、固定、粘性

二、创建定位布局（两步骤）

第一步：为要定位的元素添加position属性
第二步：设置坐标：为定位元素添加left | top | bottom| ri

三、语法

.box{
  position：static；/*默认值，表示不定位*/
}
.box{
  position：relative；/*相对定位*/
}
.box{
  position：absolute；/**/
}
.box{
  position：sticky；/*粘性定位*/
}

三、 定位布局的特征
相对定位的特征
1.参照物：原有位置
2.是否脱离文档流：没有脱离文档流

绝对定位的特征
1.参照物：根据定位父级，找不到定位父级就是文档
2.是否脱离文档流：完全脱离
定位父级
定位父级指被设置定位属性的祖先元素

定位属性
固定定位的特性
1.参照物：窗口
2.是否脱离文档流：完全脱离

粘性定位
粘性定位的特征
1.参照物：窗口顶部
2.是否脱离文档流：黏住就脱离 不黏住不脱离