IE7奇怪的浮动权问题

这里是让我在IE7IE7奇怪的浮动权问题

<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罚款问题的HTML代码，火狐

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

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

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

我该如何解决这个问题？我尝试删除高度宽度属性，并使用最大高度，最大宽度。这并没有帮助。非常感谢

来源

2009-05-23 mark

您的问题可能已经在这里找到答案：Floating Too Far Right!

他建议使用jQuery做到这一点，因为它被写入到与浏览器无关。

此外，请查看原始作者的解决方案在底部（不使用jQuery）。

来源

2009-05-23 04:22:20

这个固定的问题对我来说。 position：absolute; right：5px; text-align：right; – mark 2009-05-24 01:09:30

我相信所讨论的元素会浮动到“drag layer_3”的父级右侧，一旦您将某个绝对位置从正常文档流中提取出来。

来源

2009-05-23 04:20:05 Sam152

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

来源

2009-05-23 04:42:19 SpliFF

您既可以设置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-23 04:54:08

hei nick感谢您的支持！我在redclose上使用了它，它工作。 position：absolute; right：5px; text-align：right; – mark 2009-05-24 01:10:37

IE7奇怪的浮动权问题

回答

相关问题