上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

[油猴脚本开发指南]CSS基础之元素定位

[复制链接]
  • TA的每日心情
    慵懒
    2024-10-28 07:07
  • 签到天数: 193 天

    [LV.7]常住居民III

    712

    主题

    5959

    回帖

    6758

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6758

    荣誉开发者喜迎中秋油中2周年生态建设者

    发表于 2021-10-5 20:01:54 | 显示全部楼层 | 阅读模式

    前言

    这节课我们来简要学习定位问题。

    定位

    我们使用的是position属性。

    通常属性有五个值

    static、relative、fixed、absolute、sticky。

    Static

    作为HTML元素的默认值,就是没有定位,遵从正常HTML格式的对象。

    Fixed

    固定在浏览器窗口上上,即使窗口滚动条滚动也不会改变位置。

    Relative

    根据元素的正常位置,并left right top bottom等属性进行偏移。

    Absolute

    根据上层最近的Relative定位元素为基础定位点来进行定位。

    如果不存在最近的相对定位元素,则以body为基础定位点来进行定位。

    Sticky

    在页面显示此元素的时候保持原位置不变,在滚动条滚动使其元素超出显示位置后。

    将会固定在固定位置上。

    结语

    撒花~CSS其实感觉没什么好讲的,只要熟悉一下就可以了。

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    头像被屏蔽

    该用户从未签到

    0

    主题

    12

    回帖

    19

    积分

    禁止访问

    积分
    19
    发表于 2022-1-9 12:27:15 | 显示全部楼层
    :D:):victory:
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表