IE浮動解決方法

Question

http://www.ugiinc.com/products/

我對這一切都很陌生，所以請耐心等待。

我在子頁面上使用了浮動權限 - 文本和子頁面 - 摘錄並在摘錄中清除，讓它坐在鏈接下，在其他瀏覽器中正常工作，但在IE中，摘錄位於圖像下方，仍在右側。這是做這件事的理想方式嗎？有什麼我可以做的修復它的IE瀏覽器？

.subpages-row { 
    border-bottom: 4px solid black; 
    border-top: 4px solid black; 
    } 
.subpages-cell { 
    width: 800px; 
    } 
.subpages-text { 
    float:right; 
    } 
.subpages-excerpt { 
    clear: both; 
    float: right; 
    width: 370px; 
    } 

Answer 1

嘗試修改你的CSS像這樣（加在那些新的/不同的任何行/**/）：

.subpages-text { 
    float:right; 
    width: 500px; /**/ 
    text-align: right; /**/ 
    } 
.subpages-images-image { 
    float: left; /**/ 
    } 
.subpages-excerpt { 
    clear: none; /**/ 
    float: right; 
    width: 370px; 
    } 

您遇到的問題是與clear: both;上.subpages-excerpt。如果你擺脫了這一點，文字會跳回頂端。我們還將圖像浮起，以免干擾文本。然後，如果您增加標題的寬度，以使摘錄不符合最上面的一行，它將在標題下彈出。最後，因爲我們增加了標題的寬度，所以它需要text-align: right，以便它仍然出現在右側。