在ie7標準模式下的浮點問題

我想讓底部的浮點數向右移動並出現在它的父級底部。此標記適用於我的所有瀏覽器，除了當我將IE9置於瀏覽器模式時：IE9和文檔模式IE7標準（這是我需要使用的標準）。在ie7標準模式下的浮點問題

由於某些原因， div一直延伸到父div的左側，當我需要它像在FF或Chrome中一樣遍歷文本時。順便說一下，我討厭IE7這個垃圾。標記是合乎邏輯的，應該可以工作，但IE7只是一個混蛋。

<div style="width: 200px;"> 
    <div style=" height: 400px; border: 1px solid #000000;"> 
    </div> 
    <div style="border: 1px solid #c0c0c0; position: relative; height:15px; bottom: 19px; left: -2px; float:right;"> 
     <div style="height: 15px; float: right;"> 
      Text in div</div> 
    </div> 
</div>

來源

2011-04-15 theDawckta

你可以切換到使用position: relative/position: absolute：

http://jsfiddle.net/5fdcV/

<div style="width: 200px; position: relative"> 
    <div style=" height: 400px; border: 1px solid #000000;"> 
    </div> 
    <div style="border: 1px solid #c0c0c0; position: absolute; height:15px; bottom: 2px; right: 2px;"> 
     <div style="height: 15px;"> 
      Text in div</div> 
    </div> 
</div>

來源

2011-04-15 00:49:34 thirtydot

謝謝，我不得不調整我的實際解決方案在我的應用程序得到這個工作，但你讓我去在正確的道路上。 – theDawckta 2011-04-15 02:53:21

IE7是一種愚蠢的。您可能需要給DIV一個明確的寬度，以便IE7在沒有它的情況下不會丟失。

來源

2011-04-15 00:39:21 Kon

在ie7標準模式下的浮點問題

回答

相關問題