css - IE float 解决方法

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

我是这一切的新手，请耐心等待。

我在subpages-text和subpages-excerpt上使用了float，并在摘录上进行了清除，以使其位于链接的正下方。在其他浏览器中工作正常，但在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;
    }

最佳答案

尝试像这样修改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以便它仍显示在右侧。