<div style="position: relative;border:1px solid #FF7711; padding-top:4px;">
<a href="#" style="display: inline-block; _zoom:1; width:90px; height:20px;border:1px solid #333333;text-align:center;">
试试新功能<img border="0" src="https://i-blog.csdnimg.cn/blog_migrate/5b8109f5e8c06abc051cd816bcc21ae9.gif" alt="试试新功能" title="试试新功能" style="position: absolute; top: 0px; margin-right: -17px;" />
</a>
</div>
如果你用的是IE9的话,你就可用看到下面的效果图:
无论如何设置margin-right或者其他margin属性都对它无效。
看效果的话就是被挤出来的样子。
就这样了。
补充:其实何必呢?直接在<a>标签上多加一个position:relative; 然后在img里设置:top:-5px; right:5px;就可以解决了。