定位
position的属性值(来确定定位方式【参照物】)
1.static静态定位
position的默认值,默认文本流的状态。
不会识别left right top bottom指定的坐标。
2.absolute 绝对定位:
a:参照物:按照已经有定位的父元素进行位置的变化
b:假如当前没有父元素,或者父元素没有定位,则以整个文档为参照物
c:绝对定位,脱离文档流,不占据空间
3.relative 相对定位:
a:参照物:自身默认的位置
b:始终占据空间,不会破坏文档流
4.fixed:固定定位:
a:参照物:浏览器窗口
b:脱离整个文本流,不占据空间
5.sticky:粘性定位
a:position:relative和fixed的结合
b:如果页面没超出窗口范围:按照relative执行
如果内容超出窗口位置,按照fixed执行