定位属性position
- 规定类型 ,取值
- static禁止- relative相对- absolute绝对 - fixed固定
- 偏移属性:- top-bottom-right-left
- 堆叠顺序:z-index:value层级高低
定位方式
相对定位
- 使用
position:relative:
- 可以设置水平-即左右
- 可以设置垂直-即上下
- 语法
position:relative; left:20px;top:10px;
绝对定位
- 不占空间
- 相对父标签定,父标签没有就一直往上找,直到BODY
- 语法:
position:absolute;top:15px;left:30px;
- 注:如果父元素设置了定位,就会根据父元素进行绝对定位
堆叠顺序
- 就是设置位置谁是老大,谁是老大就显示在前面
固定定位
就是固定图片不动,可以做广告使用
- 语法:
position:fixed;
- 通过偏移属性设置位置
显示方式
display 属性
光标
设置
网友评论