Question

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

我是所有这一切的新手所以请耐心等待。

我在子页面上使用了浮动文本和子页面 - 摘录并在摘录中清除以使其位于链接正下方，在其他浏览器中正常工作但在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才能显示在右侧。

IE浮动解决方法

1 个答案: