7c定位·定位方式·堆叠方式·设置图片不动·

定位属性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 属性

光标

设置