CSS的几种定位方式

CSS 中 position 属性指定了元素的定位类型。

position 属性的五个值分别为:

  • static: 正常?档流定位, 此时 top, right, bottom, left 和 z-index 属性?效, 块级元素从上往下纵向排布, ?级元素
    从左向右排列。

  • relative: 相对定位。相对定位是相对于正常文档流的位置移动相对定位元素,但它原本所占的空间不会改变。相对定位元素经常被用来作为绝对定位元素的容器块。

  • absolute: 相对于最近的? static 定位祖先元素的偏移。如果元素没有非 static 定位祖先元素,那么它的位置相对于<html>.absolute 定位元素的位置与文档流无关,因此不占据空间。

  • fixed: 指定元素相对于屏幕视?(viewport) 的位置来指定元素位置。 元素的位置在屏幕滚动时不会改变, ?如那
    种回到顶部的按钮?般都是?此定位?式。

  • sticky: 粘性定位, 特性近似于relative和fixed的结合。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。其在实际应?中的近似效果就是IOS通讯录滚动的时候的
    顶屁股

CSS的几种定位方式

上一篇:jquery使用ajax


下一篇:在 Ubuntu 上安装 Webmin