1

这是在 IE7 中给我带来问题的 html 代码

<div style="position:absolute;top:276px;left:194px;" class="drag layer_3">
<img class="deleteitem" height="12px" width="12px" title="Remove" src="/static/redclose.png" style="float:right;cursor:pointer;">
<img src="/static/18.png"  >
</div>

这是它应该看起来的样子，在ie8，firefox中看起来很好

http://img200.imageshack.us/img200/189/ie8.png

但在 IE7 中，浮动右图像这样跳到文档的右端

http://img33.imageshack.us/img33/6239/ie7bug.png

我该如何解决？我尝试删除高度宽度属性并使用最大高度，最大宽度。那没有帮助。多谢

4

4 回答 4

2

您可以明确设置 div 的宽度或颠倒图像的顺序并向左浮动而不是向右浮动：

<div style="position:absolute;top:276px;left:194px;" class="drag layer_3">
    <img src="/static/18.png" style="float:left"  >
    <img class="deleteitem" height="12px" width="12px" title="Remove"
         src="/static/redclose.png" style="cursor:pointer;">
</div>
于 2009-05-23T04:54:08.927 回答
1

我相信有问题的元素浮动到“拖动 layer_3”的父级的右侧，一旦您将某人设为绝对位置，它就会从正常的文档流中取出。

于 2009-05-23T04:20:05.753 回答
1

您的问题可能已在此处得到解答：Floating Too Far Right！

他建议使用 jQuery 来执行此操作，因为它被编写为独立于浏览器的。

另外，请参阅底部的原作者的解决方案（不使用 jQuery）。

于 2009-05-23T04:22:20.370 回答
1

我认为我们需要查看 .drag 和 layer_3。目前我看不到 Remove 的父级没有定义的宽度。我相信您的 div 的宽度在 ie7 中可能会有所不同。尝试为其添加边框以查看其计算宽度。

于 2009-05-23T04:42:19.877 回答