首页 > Web开发 > 详细

CSS的几种定位方式

时间:2020-08-01 12:31:35      阅读:103      评论:0      收藏:0      [点我收藏+]

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的几种定位方式

原文:https://www.cnblogs.com/xwwblog/p/13414006.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!