前端---定位

前端定位包括:定位模式和边偏移量两个部分

边偏移量

边偏移量是告诉盒子往那边走。

边偏移量属性 描述
top 顶部偏移量,相对于父元素
bottom 底部偏移量,相对于父元素
left 左侧偏移量,相对于父元素
right 右侧偏移量,相对于父元素

定位模式

position:用于定位元素的定位模式,基本语法:
选择器:{position:属性值}

定位模式属性 描述
static 自动定位(默认模式)静态定位唯一的用处:取消定位
relative 相对定位,相对于它在标准流(标准流就是标签按照规定好的默认方式)中的位置,相对定位最重要的一点是它是通过偏移量来改变自己的的位置,所以他自己原来的位置继续占有。
absolute 绝对定位,相对于上一个已经定位的父元素,这个是脱离标准流,不占位。如果父元素没有定位,按照当前浏览器的屏幕元素对齐,如果父亲有定位,按照最近的一个父元素定位。
fixed 固定定位,相对于浏览器的窗口

你可能感兴趣的:(前端)