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

来源:互联网 发布:暗黑2 mac 编辑:程序博客网 时间:2024/05/29 02:41

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

<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 之间的不同点



0 0