前端定位包括:定位模式和边偏移量两个部分
边偏移量
边偏移量是告诉盒子往那边走。
边偏移量属性 | 描述 |
---|---|
top | 顶部偏移量,相对于父元素 |
bottom | 底部偏移量,相对于父元素 |
left | 左侧偏移量,相对于父元素 |
right | 右侧偏移量,相对于父元素 |
定位模式
position:用于定位元素的定位模式,基本语法:
选择器:{position:属性值}
定位模式属性 | 描述 |
---|---|
static | 自动定位(默认模式)静态定位唯一的用处:取消定位 |
relative | 相对定位,相对于它在标准流(标准流就是标签按照规定好的默认方式)中的位置,相对定位最重要的一点是它是通过偏移量来改变自己的的位置,所以他自己原来的位置继续占有。 |
absolute | 绝对定位,相对于上一个已经定位的父元素,这个是脱离标准流,不占位。如果父元素没有定位,按照当前浏览器的屏幕元素对齐,如果父亲有定位,按照最近的一个父元素定位。 |
fixed | 固定定位,相对于浏览器的窗口 |