0

私は3つのdivを持っています:

<div style="float:left; background-color:#000; width:300px;" ></div>
<div style="float:left; color:#000; width:600px;" >Text</div>
<div style="float:left; background-color:#000; width:300px;" ></div>

内側のテキストは動的にロードされ、div の高さはテキストをラップする必要があります。これは正常に機能していますが、ある種のプレースホルダーである 2 つの外側の div を中央の div と同じ高さにしたいです。どうすればこれを達成できますか?

私の最初の考えは、3 つの div すべてを別の div でラップし、3 つの div の高さを継承することでした。これは、ラッピング div がテキストを含むものと同じ高さを持つ必要があるためです。しかし、私は失敗しました。

4

1 に答える 1

0

古いブラウザをサポートする必要がない場合は、Flexboxを使用してください。基本的なレイアウトにfloatを使用したくない場合があります。

于 2012-10-20T14:37:36.817 に答える