CSS定位的种类及相对位置？

4 min read

CSS定位有以下几种：

  1. 相对定位（Relative Positioning）：相对于元素原来位置进行移动，可以使用top、bottom、left、right属性控制元素的偏移。

  2. 绝对定位（Absolute Positioning）：相对于父元素定位，如果找不到有定位属性的父元素，则相对于文档进行定位。可以使用top、bottom、left、right属性控制元素的偏移。

  3. 固定定位（Fixed Positioning）：相对于浏览器窗口进行定位，不随滚动而移动。也可以使用top、bottom、left、right属性控制元素的偏移。

  4. 浮动（Floating）：使元素从文本流中脱离出来，向左或向右浮动，由于浮动元素不占用文本排版空间，因此可以使浮动元素环绕在其他元素周围。

  5. 粘性定位（Sticky Positioning）：元素在特定的滚动区域内固定位置，在超出滚动区域时表现出相对定位的特性。可以使用top、bottom、left、right属性控制元素的偏移。

  6. 初始定位（Initial Positioning）：表示元素没有被定位，元素显示在文档流中的默认位置。