3

IE7 の container-div で 2 つの div をフロートしたい。コンテナー内の最初の div は左に、2 番目は右にフロートする必要があります。実際には、2 つの div は私の CSS 構成で左に浮かんでいます。

これが私のcssです：

.container {float:left; width:100%; height:30px;}
.left {float:left; width:auto; height:30px;}
.right {float:right; width: auto; height:30px}

ここに私のHTMLがあります

<div class="container">
    <div class="left">To the Left!</div>
    <div class="right">To the Right!</div>
</div>

これが結果になるはずです: (ドットはここのスペースです;))

#-#-#-#-#-#-#-#-#-#-#-#-#-# Container -#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#
#-#-
#-#-    |~~~~~~~~~~~~|. . . . . . . . . . . . . . . .|~~~~~~~~~~~~~|
#-#-    |To The Left | . . . . . . . . . . .  . . . .|To the Right |
#-#-    |~~~~~~~~~~~~|. . . . . . . . . . . . . . . .|~~~~~~~~~~~~~|
#-#-
#-#-#-#-#-#-#-#-#-#-#-#--#-#-#-#-#-#-#-#-#-#-#-#--#-#-#-#-#-#-#-#-#-#-#-
4

1 に答える 1

2

交換

.container {float:left; width:100%; height:30px;}

と

.container {width:100%; height:30px;}

コンテナ クラス「float:left;」他のフロートよりも優先されます。または、他のクラスを編集して

.left {clear: both; float:left; width:auto; height:30px;}
.right {clear: both; float:right; width: auto; height:30px;}

これにより、新しいフロートを実装する前に、コンテナー クラスから残ったフロートをクリアする必要があります。

于 2012-09-11T16:37:33.223 に答える