定位-position

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: 介于前两个之间,可设置宽高,但不独占- -行

 

posted @ 2021-11-07 23:15  我怎么又困了  阅读(87)  评论(0)    收藏  举报