美文网首页JavaScript前端开发
position有哪些属性?作用是什么?

position有哪些属性?作用是什么?

作者: Grit_1024 | 来源:发表于2020-12-21 10:37 被阅读0次

1.absolute

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

2.fixed

生成绝对定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

3.relative

生成相对定位的元素,相对于其正常位置进行定位。

因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

4.static (默认值)

没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

5.inherit

规定应该从父元素继承 position 属性的值。

相关文章

  • position有哪些属性?作用是什么?

    1.absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 ...

  • 高端前端工程师必备知识点

    一、css的position属性有哪些取值,它们的行为是什么? 1)取值 position的取值有static、r...

  • 美团前端一面

    1.display有哪些属性2.position有哪些属性3.position为static时,设置z-index...

  • css position属性

    position有五种属性有position属性top,bottom,right,left才起作用(除了stati...

  • 05 文字属性缩写

    1 font属性的作用是什么2 font属性的注意点有哪些

  • CSS clip属性

    clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用。...

  • position有哪些属性值

    position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定...

  • position(定位)

    position几个属性的作用?答:position的常见四个属性值:relative 相对定位,absolut...

  • iOS property关键字详解

    property的作用是什么,有哪些关键词,分别是什么含义? property关键字介绍 简介:属性(proper...

  • css 定位

    一、position属性 1.position-static 静态定位、常规定位、自然定位 作用:使元素定位于常规...

网友评论

    本文标题:position有哪些属性?作用是什么?

    本文链接:https://www.haomeiwen.com/subject/rscrnktx.html