定位的组成
定位模式+边偏移
定位模式即定位的方式,包括四种:static relative absolute fixed;
边偏移包括三种属性:top left right (top是定义元素相对于其父元素上边线的距离,其他属性以此类推)
定位模式
{ position:static/relative/absolute/fixed;}
static 是默认定位,相当于没有定位,具有标准流的特性
relative 为相对定位,相对原位置进行移动,原标准流的位置继续占有
absolute 为绝对定位
绝对定位的特点:
1.如果没有祖先元素或祖先元素没有定位,则以浏览器为准
2.给父级元素加定位可以约束子元素的绝对定位(以最近一级有定位的祖先元素为准)
3.绝对定位不占有原文档的位置
fixed 为固定定位
固定定位的特点:
1.以浏览器可视窗口为参照点
2.与父级元素无关
3.不随滚动条滚动
4.不占有原文档位置
定位的叠放次序
代码例样:选择器{z-index:1;}
需要注意的是:1.数字后没有单位,可以为正数也可以为负数,默认值为auto
2.只有定位的盒子才有z-index属性
定位的特殊特性
绝对定位,固定定位,浮动的性质相似
1.行内元素添加绝对定位或固定定位或浮动后,可以直接设置宽高
2.块级元素加绝对定位或固定定位后,如不给宽,高,则默认为内容大小