position属性/z-index/overflow满溢

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


fixed  生成绝对定位的元素,相对于浏览器串口进行定位(固定定位)。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative 生成相对定位的元素,相对于其正常位置进行定位。(相对定位)
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

static 默认值,没有定位,


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


z-index:

z-index的默认值是0;

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

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



overflow:

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

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

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

overflow: auto 浏览器自动处理.

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


 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值