李恒道 发表于 2021-10-5 20:01:54

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

# 前言

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

# 定位

我们使用的是position属性。

通常属性有五个值

static、relative、fixed、absolute、sticky。

# Static

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

# Fixed

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

# Relative

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

# Absolute

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

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

# Sticky

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

将会固定在固定位置上。

# 结语

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

黎辰辰 发表于 2022-1-9 12:27:15

:D:):victory:
页: [1]
查看完整版本: [油猴脚本开发指南]CSS基础之元素定位