0

私は次のコードを持っています:

<div>
  <div id="dynamic" style="float:left;height:50px;background-color:#aaa;">
    floated block which will be dynamically increase
  </div>
  <div id="static" style="height:50px;background-color:#FC3;">
    Hello guys
  </div>
</div>

div幅の変更staticに合わせてdivを移動したい。dynamic上記のコードは思い通りに動作しますが、上記の方法が正しいかどうかわかりませんか?

インライン テキスト内のフローティング div は正しい方法ですか? クロスブラウザですか？

staticこのコードは、その下のコンテンツやdivの下の移動など、他のものに影響しますか?

また、フローティング div がインライン コンテンツの下に移動せず、インライン テキストに揃えられるのはなぜですか?

4

1 に答える 1

1

あなたも使うことができfloat:leftます<div id="static">。動的div幅+静的div幅がウィンドウ幅に達するまで問題は発生しません。

これは>> http://jsfiddle.net/gxpBL/ です。

于 2013-03-08T15:40:03.710 に答える