定位-position 盒子层次z-index属性, 数值越高越在顶层
iv.定位-position
1)position与top、bottom、 left、 right联用
2) Absolute:绝对定位, 相对于静态定位(static)以外的第一个父元素索进行定位, 若在非静态内则以该非静态元素为定位
3) Fixed:绝对定位, 是相对于浏览器窗口为进行定位,即有滚动条时页面效果相对静止类似登录弹框
4) Relative:相对定位, 相对于其原本自身正常位置进行定位,即left: 20px会向元素的left位置添加20像素,以其本身原本的位置
5) static: 默认值
6) Inherit:规定应该从父元素继承position属性的值
7) sticky: h5 粘性定位, left, top不设置值时不脱离文档流,设置后类似fixed效果
v. 盒子层次z-index属性, 数值越高越在顶层
vi. 呈现形式
1) block: 块级标签可设置宽高,元素独占- -行
2) inline: 行级标签不可设置宽高,元素自适应内部内容
3) inline-block: 介于前两个之间,可设置宽高,但不独占- -行

浙公网安备 33010602011771号