margin 负值引发的等级(z

2020-10-31 00:19 jianzhan
先看来这么1段编码:

拷贝编码
编码以下:

<div style="height:100px;width:200px; border: solid 1px black; ">
<div style="background-color:Red;margin-top: ⑸px " mce_style="background-color:Red;margin-top: ⑸px ">
<a href="https://www.jb51.net/" mce_href="https://www.jb51.net/">脚本制作之家</a></div>
</div>

IE6和IE7下,里层的器皿被外层遮盖,如图所示:

在IE8和ff下,外层的器皿被里层遮盖,如图所示:

简直瘋狂啊,假如要做到IE8的外层的器皿被里层遮盖的实际效果,ie7能够根据开启里层的layout处理,,可是IE6却不好,只能在里层应用position:relative来处理难题,自然position:relative也处理ie7的难题,由于position:relative自身就可以开启layout。
看编码:

拷贝编码
编码以下:

<div style="height:100px;width:200px; border: solid 1px black; ">
<div style="background-color:Red;margin-top: ⑸px;position:relative" mce_style="background-color:Red;margin-top: ⑸px;position:relative">
<a href="https://www.jb51.net/" mce_href="https://www.jb51.net/">脚本制作之家</a> </div>
</div>

自然要IE8、FF做到IE6、IE7的实际效果就要是出外层加overflow:hidden 便可以了,看编码

拷贝编码
编码以下:

<div style="height:100px;width:200px; border: solid 1px black; overflow:hidden ">
<div style="background-color:Red;margin-top: ⑸px;" mce_style="background-color:Red;margin-top: ⑸px;">
<a href="https://www.jb51.net/" mce_href="https://www.jb51.net/">脚本制作之家</a> </div>
</div>