css定位属性

标签：元素   情况   通过   定位   top   stat   静态   CSS定位   position   

css定位属性

大家好，我是逆战班的一名学员，今天我给大家讲解下css定位属性有哪些。

Css定位大致分为以下几类：

    1、relative（相对定位）：这类定位是通参考自身静态位置来进行定位，通过top（上）、bottom（下）、left（左）、右（right）来进行定位，如果没有定位偏移量，对元素本身没有任何影响。且不脱离文档流，会保留空间位置。

    2、absolute（绝对定位）： 通过top、bottom、left、right根据最近的父元素（含有position：relative/absolute/fixed属性）。默认情况根据可视窗口进行定位，有父元素时根据父元素进行定位，绝对定位会使元素脱离文档流，不会保留空间位置。

     3、Static（默认值；没有定位可以用于取消元素之前的定位设置。）

     4、fixed（固定定位）：始终相对于整个浏览器窗口进行固定，

会使元素完全脱离文档流。

    5、sticky（粘性定位）：在没有到达指定位置时，是没有定位效果的，到达指定位置，就变为固定模式。

css定位属性

标签：元素   情况   通过   定位   top   stat   静态   CSS定位   position   

原文地址：https://www.cnblogs.com/moshouhu/p/12643962.html