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

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

[复制链接]

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 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其实感觉没什么好讲的,只要熟悉一下就可以了。

混的人。

发表回复

本版积分规则

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