2 
<html>
    <head>
        <title>Float Issue in IE7</title>
        <style type="text/css">
            .right { float: right; }
            .left { float: left; }
            .clear { clear: both; }
        </style>
    </head>
    <body>
        <div class="right">
            <div class="right">Right Text</div>
            <br/><br/>
            <div class="right">Right Text 2</div>
        </div>                        
        <div class="left">Left Text</div>
    <br class="clear" />
</body>
</html>

问题是“左文本”出现在“右文本 2”之后，而不是 IE7 中的“右文本”。

我已经搜索了一个多小时并尝试了很多东西，但无法修复它。

任何帮助都会很棒。

谢谢。

4

1 回答 1

1

试试这段代码，是你想要的吗？

演示

<html>
    <head>
        <title>Float Issue in IE7</title>
        <style type="text/css">
            .right { float: right; }
            .left { float: left; }
            .clear { clear: both; }
        </style>
    </head>
    <body>

        <div class="right">Right Text</div>
        <br/>
        <div class="left">Left Text</div>
        <br class="clear" />
        <div class="right">Right Text 2</div>                           
    <br class="clear" />
</body>
</html>​
于 2012-12-11T08:31:14.260 回答