包含子浮点数的 IE7 浮点问题

<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 中的"右文本"齐平。

我已经搜索了一个多小时并尝试了许多事情，但无法修复它。

任何帮助都会很棒。

谢谢。

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

演示

<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>

相关内容

最新更新

热门标签：