position定位

小灰灰 2022-06-02 06:39 275阅读 0赞

position属性规定元素的定位类型,定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在文档流中的默认位置进行偏移。

position属性有四个可以取的值,分别为:

(1)static(默认)

(2)relative

相对定位会按照元素的原始位置对该元素进行移动。

(3)fixed(脱离文档流)

生成绝对定位的元素,相对于浏览器窗口进行定位。不管浏览器的滚动条如何滚动,它的位置始终不变。

(4)absolute(脱离文档流)

生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。也就是说,绝对定位默认是以浏览器作为参考,但是如果绝对定位在relative定位的元素(绝对定位中也行),那么就以这个元素为参考。绝对定位中位置的层次可以利用z-index属性来设置。

发表评论

表情:
评论列表 (有 0 条评论,275人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS position定位

    文档流 文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素。让元素脱离文档流的方法

    相关 position: sticky;粘性定位

    > 想整个滚动条插件,但是里面的元素如果用absolute定位的话,会跟随滚动条滚动,fixed也不好用,偶然查到position: sticky;,确实可以解决这个问题(但兼

    相关 position定位

    position属性规定元素的定位类型,定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于

    相关 HTML之定位position

    一、CSS定位(Posotioning)属性允许你对元素进行定位, position属性值:      static(默认值):元素框正常生成。块状元素生成一个人矩形框,作为

    相关 定位(position)

    定位(position) background-position 背景定位 如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。 P