定位（position）

定位：

　　定位属性：position

　　作用：检索或设置元素的定位方式，也就是改变元素的位置

　　定位的步骤：

　　　　　　1.给元素添加position属性，证明该元素要做位置变化

　　　　　　2.确定参照物,通过position的属性值来确定

　　　　　　3.确定坐标   left right bottom top （默认静态定位识别不了）

 

通过position的属性值来确定定位方式

（1）position:absolute。绝对定位

　　特点：a、脱离文档流，不占空间。

　　　　　b、 参照物：按照已经有定位的父元素，假如当前没有父元素 或者 父元素没有定位的情况下，以整个文档为参照物。

（2）position:static 静态定位

　　特点：position的默认值，默认文本流的状态，不会识别 left right bottom top值

  (3)   position:relative 相对定位

　　特点:a、参照物是自身默认位置，位置移动后，之前元素占据的空间位置还是占据着。

　　　　 b、始终占据空间，不会破坏文档流

（4）position：sticky(常用于导航的吸顶效果)粘性定位

　　特点：position:absolute 和 position:relative 的结合，如果页面没有超出窗口范围就按照relative执行，如果内容超过窗口范围，按照fixed执行

 

 

 

 

 

标签：定位,参照物,元素,relative,position,属性
来源： https://www.cnblogs.com/yysn/p/12817553.html