一、什么是定位
- 定位是一种布局模型
- 定位布局的最大特点是精确控制元素的位置。
- 四种定位布局：相对、决定、固定、粘性
二、创建定位布局（两步骤）
第一步：为要定位的元素添加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.是否脱离文档流：黏住就脱离 不黏住不脱离
网友评论