position属性
属性功能
为一个元素设置位置区域
基本语法
position: absolute;
代码解析
设置元素定位方式为绝对布局。
定位的属性值
值 | 描述 |
---|---|
absolute | 生成绝对定位的元素,相对于static定位以外的第一个父级元素进行定位 |
fixed | 生成绝对定位的元素,相对于浏览器窗口进行定位 |
relative | 生成相对定位的元素,相对于其正常位置进行定位 |
static | 默认值,没有定位,元素出现在正常的流中 |
inherit | 规定应该从父级元素继承position属性的值 |
定位对文档流的影响
设置absolute和fixed属性都会导致元素脱离文档流;relative并不会使元素脱离文档流。