浏览器兼容position 定位层级关系

只是简单的写了定位关系,没有写 宽高

<div id="box" style="position:relative">

<div  class="ok1"  style="position:relative;z-index:5;" >

<div style="position:absolute"></div>

<div style="position:static"></div>

<div style="position:absolute"></div>

<div style="position:absolute"></div>

</div>

<div  class="ok2"  style="position:relative">

<img src=""/>

</div>

</div>


上面的静态框 ok2 为图片,ok1 为 浮在上面的其他功能块, 如果其中的一个块的定位关系为static ,火狐浏览器最新版本会把ok2 挤出一定宽度;谷歌,360极速等大部分最新版本默认 div 的定位都会是 absolute  不会挤出 ok2块,忽略div 之间的不同点



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值