前言
这节课我们来简要学习定位问题。
定位
我们使用的是position属性。
通常属性有五个值
static、relative、fixed、absolute、sticky。
Static
作为HTML元素的默认值,就是没有定位,遵从正常HTML格式的对象。
Fixed
固定在浏览器窗口上上,即使窗口滚动条滚动也不会改变位置。
Relative
根据元素的正常位置,并left right top bottom等属性进行偏移。
Absolute
根据上层最近的Relative定位元素为基础定位点来进行定位。
如果不存在最近的相对定位元素,则以body为基础定位点来进行定位。
Sticky
在页面显示此元素的时候保持原位置不变,在滚动条滚动使其元素超出显示位置后。
将会固定在固定位置上。
结语
撒花~CSS其实感觉没什么好讲的,只要熟悉一下就可以了。