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>

問題は、IE7 で「右のテキスト」と同じレベルではなく、「右のテキスト 2」の後に「左のテキスト」が表示されることです。

1 時間以上検索して、さまざまなことを試しましたが、修正できませんでした。

どんな助けでも素晴らしいでしょう。

ありがとう。

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 に答える