IE浮动解决方法

Question

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

我对这一切都是新手，所以请容忍我。

我在子页面上使用了float right -文本和子页面-摘录和清除，以使其位于链接的正下方，在其他浏览器中运行良好，但在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;
    }

你遇到的问题是.subpages-excerpt上的clear: both;。如果去掉它，文本就会跳回到顶部。我们还让图像向左浮动，这样它就不会干扰文本。然后，如果您增加标题的宽度，使摘录永远不能放在顶行，它将弹出到标题的正下方。最后，因为我们增加了标题的宽度，所以它需要text-align: right，以便它仍然显示在右侧。