1

私はこのようなデザインを持っています:

<div id='container'>
 <div class='box'>
  <div class='boxleft'>something left</div>
  <div class='boxright'>something right</div>
  <div class='clear'/>
 </div>
</div>

そして、CSSを次のように設定しました：

*{margin:0; padding:0}
.clear{clear:both}
#container{width:100%; height:auto; background:#f1f2f3}
.box{width:95%; margin:0 auto; height:auto; background:white}
.boxleft{float:left;width:49%;margin-right:1%;}
.boxright{float:right;width:50%;}

.box問題: クラスのロードが完了した後でロードされるクラスの背景が白くなります.boxleft。class の高さに合わせてバックグラウンドをロードするようになりました.boxleft。それで、どうすればこれを行うことができますか？

ご提案ありがとうございます。

4

1 に答える 1

1

あなたの問題は、メインボックス内の両方のボックスに高さがなく、フロート左とフロート右の結果です。これを .boxleft と .boxright に追加します:

display:block

それはうまくいくはずです。

于 2013-10-09T09:00:09.540 に答える