absolute 生成绝对定位的元素 ,相对于 static 定位以外的第一个父元素进行定位。(绝对定位)
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

position属性/z-index/overflow满溢position属性/z-index/overflow满溢
fixed  生成绝对定位的元素,相对于浏览器串口进行定位(固定定位)。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
position属性/z-index/overflow满溢
relative 生成相对定位的元素,相对于其正常位置进行定位。(相对定位)
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
position属性/z-index/overflow满溢
static 默认值,没有定位,


inherit 规定应该从父元素继承position的属性的值


z-index:

z-index的默认值是0;

z-index=-1时,图片在内容之下

z-index=1 时,图片阀盖内容,多余图片大小的内容显示出来

position属性/z-index/overflow满溢position属性/z-index/overflow满溢position属性/z-index/overflow满溢


overflow:

overflow:这个属性定义溢出元素内容区的内容会如何处理。

overflow: hidden 超出的内容进行隐藏,

overflow: scroll;使用滚动条行为,

overflow: auto 浏览器自动处理.

如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

position属性/z-index/overflow满溢position属性/z-index/overflow满溢position属性/z-index/overflow满溢

 

相关文章: