浮动与inline水平绝对定位元素间没有误会实例页面

代码:

CSS代码:
.box{padding:1em; background-color:#f0f3f9; overflow:hidden; _zoom:1;}
.l{float:left;}
.abs{position:absolute;}
                
HTML代码:
<div class="box">
    <img class="l" src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
    <span class="abs">呦喝,这不是无版权小姐吗?</span>
</div>
                

效果:

呦喝,这不是无版权小姐吗?