absolute 生成绝对定位的元素 ,相对于 static 定位以外的第一个父元素进行定位。(绝对定位)
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed 生成绝对定位的元素,相对于浏览器串口进行定位(固定定位)。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative 生成相对定位的元素,相对于其正常位置进行定位。(相对定位)
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static 默认值,没有定位,
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
![](https://i-blog.csdnimg.cn/blog_migrate/a62f6ecdbfef1ab08dfc1b98106c406b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/850cb898c0e7133dfba930f14d31beba.png)
fixed 生成绝对定位的元素,相对于浏览器串口进行定位(固定定位)。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
![](https://i-blog.csdnimg.cn/blog_migrate/91c0ef64ec0bff5992316893b91b543c.png)
relative 生成相对定位的元素,相对于其正常位置进行定位。(相对定位)
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
![](https://i-blog.csdnimg.cn/blog_migrate/035c26717f4fe2d39528324322bcbb6f.png)
static 默认值,没有定位,
inherit 规定应该从父元素继承position的属性的值
z-index:
z-index的默认值是0;
z-index=-1时,图片在内容之下
z-index=1 时,图片阀盖内容,多余图片大小的内容显示出来
overflow:
overflow:这个属性定义溢出元素内容区的内容会如何处理。
overflow: hidden 超出的内容进行隐藏,
overflow: scroll;使用滚动条行为,
overflow: auto 浏览器自动处理.
如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。