首页 > 其他分享 >position定位

position定位

时间:2022-09-26 18:37:36浏览次数:47  
标签:定位 right 元素 位置 position fixed

position定位有五个值:

  (1)static     静态(默认值)

    position: static; 的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位:

  (2)relative 相对定位

    position:relatove;的元素相对于其正常位置进行定位。

    设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。

  (3)fixed 固定定位

    position:fixed;的元素是相对于视口定位的,这意味着即使滚动页面,它也始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。

固定定位的元素不会在页面中通常应放置的位置上留出空隙。

    例:right:0;

      bottom:0;

    则该元素会出现在右下角

  (4)absolute

    position:absolute;的元素是相对于最近的定位祖先元素进行定位(而不是相对于视口定位,如 fixed)。

  (5)sticky

    position:sticky;的元素根据用户的滚动位置进行定位。粘性元素根据滚动位置在相对(relative)和固定(fixed)之间切换。起先它会被相对定位,直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置(比如 position:fixed)。

  您还必须至少指定 toprightbottomleft 之一,以便粘性定位起作用。

    在到达其滚动位置时,sticky 元素将停留在页面顶部(top: 0)。

标签:定位,right,元素,位置,position,fixed
From: https://www.cnblogs.com/sunkai6815618/p/16731828.html

相关文章

  • QT——直接定位到exe程序所在的目录
    #pragmaonce#include<QApplication>#include<QDir>#defineIMAGE_PATH(name)QApplication::applicationDirPath()+QDir::separator()+"image"+QDir::separat......
  • linux cron 任务不成功定位
    编辑定时任务:crontab-e查看定时任务执行情况tail-500f/var/log/crontail-500f/var/spool/mail/root报错:/bin/bash^M:坏的解释器:没有那个文件或目录原因:这个文件......
  • 慢查询 MySQL 定位优化技巧,从10s优化到300ms
    文章目录如何定位并优化慢查询SQL?如何使用慢查询日志?慢查询例子演示,新手都能看懂查询语句慢怎么办?explain带你分析sql执行计划当主键索引、唯一索引、普通索引都存在......
  • Value error: 'ascii' codec can't decode byte 0xe6 in position 26: ordinal not in
    原因:工作空间中有中文编码问题,导致的运行ros异常解决办法:1、解决urdf生成异常问题urdf文件中不允许有中文,所有当输入中文的时候容易出问题,解决方案:①在根目录下:/opt/ro......
  • coredump快速定位
    https://utcc.utoronto.ca/~cks/space/blog/linux/KernelSegfaultMessageMeaningWhattheLinuxkernel'smessagesaboutsegfaultingprogramsmeanon64-bitx86Feb......
  • python文件读取错误UnicodeDecodeError: 'utf-8' codec can't decode byte 0x92 in po
    参考:https://segmentfault.com/q/1010000004268196/a-1020000004269556ubuntu下Python3使用open('filename','r').read()读取.txt文件时抛出异常:UnicodeDecodeError......
  • 地形监测解决方案 高精度GNSS定位接收机
    计讯物联高精度GNSS定位接收机下地形监测解决方案广泛应用于矿区监测、山区地形监测、工地监测、地铁线路监测等应用场景。本方案通过高精度北斗定位终端机实现本地毫米位......
  • nxopen ug8.5 vb.net 定位块底面打孔工具
    OptionStrictOffImportsSystemImportsNXOpenImportsNXOpen.BlockStylerImportsNXOpen.UFImportsSystem.Collections.Generic'----------------------------......
  • Android 10 定位权限问题
    年后项目升级到了安卓10(Api29),这几天在写定位遇到了的定位权限以及回调问题,记录下随着Android对用户隐私和安全问题逐渐重视,版本适配问题越来越多,对于开发者来说......
  • 38、快速定位单元格,用十字架形式 表示
    今日有同事问我怎样定位单元格,数据太多,看到她眼睛都累了,她说台式电脑的有这个功能,但是笔记本电脑就每月这个功能,然后我跟她说,可能台式电脑安装的是WPS,笔记本电脑安装的是O......