一、position初步认识
在CSS中，position属性用来设置元素的定位方式，可选值有static、relative、absolute、fixed和sticky。
其中，static是默认值，表示元素处于文档流中的位置，不受top、right、bottom、left等属性影响；relative表示元素相对于自身的位置进行偏移，但是仍然占据原来的空间；absolute表示元素相对于最近的非static定位祖先元素进行偏移，如果不存在，则相对于文档的初始包含块。fixed表示元素相对于浏览器窗口进行偏移，即元素固定在屏幕上。sticky是relative和fixed的混合，表示元素在滚动到指定位置时变为固定定位，超出该位置又变回相对定位。
以下是一个简单的示例代码：
这是相对定位的元素，向右偏移50px，向下偏移50px。
原创文章，作者：YEWBS，如若转载，请注明出处：https://www.506064.com/n/369526.html
微信扫一扫 
支付宝扫一扫 