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奇怪的浮動權問題

回答

相關問題