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

李恒道

前言

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

定位

我们使用的是position属性。

通常属性有五个值

static、relative、fixed、absolute、sticky。

Static

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

Fixed

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

Relative

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

Absolute

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

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

Sticky

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

将会固定在固定位置上。

结语

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

黎辰辰

:D:):victory: