淘宝上开做网站的店铺,吉安网站公司,网站有哪些区别,内蒙古头条新闻发布信息CSS的position属性有五个值#xff0c;它们分别是#xff1a;static、relative、absolute、fixed和sticky。
static#xff1a;这是默认值#xff0c;元素按照正常的文档流进行定位。
relative#xff1a;元素按照正常的文档流进行定位#xff0c;然后相对于其原始位置…CSS的position属性有五个值它们分别是static、relative、absolute、fixed和sticky。
static这是默认值元素按照正常的文档流进行定位。
relative元素按照正常的文档流进行定位然后相对于其原始位置进行偏移。
absolute元素脱离文档流并相对于最近的已定位祖先元素而非通常的块父元素进行定位。如果没有已定位的祖先元素那么它将相对于初始包含块进行定位。
fixed元素脱离文档流并相对于浏览器窗口进行定位即使页面滚动它也不会移动。
sticky这是一种混合类型元素在滚动范围内表现为相对定位而在滚动范围外表现为固定定位。
请注意每种定位类型都有其特定的用途和行为选择使用哪种定位类型取决于你的布局需求。
以下是一个使用不同position值的例子 !DOCTYPE html html head style .relative { position: relative; top: 20px; left: 20px; } .absolute { position: absolute; top: 50px; left: 50px; } .fixed { position: fixed; top: 100px; left: 100px; } /style /head body div classrelative我是相对定位的元素。/div div classabsolute我是绝对定位的元素。/div div classfixed我是固定定位的元素。/div /body /html