divを整列する際の問題

Question

私は250の幅と125の高さの3つのdivを持っています。どのようにしてそれらを互いに並べると、ほとんどのブラウザで動作するのですか？

Answer 1

は、これはこれは、上記のメインのdivの下に来るすべてのコンテンツは、内側のdivのすべての3つ以下であることを確認します

<div style='display:inline-block'> 
    <div style='float:left; width:250px;'>First</div> 
    <div style='float:left; width:250px;'>Second</div> 
    <div style='float:left; width:250px;'>Third</div> 
</div> 

オプションであり、あなたの問題

<div style='float:left; width:250px; height:125px;'>First</div> 
<div style='float:left; width:250px; height:125px;'>Second</div> 
<div style='float:left; width:250px; height:125px;'>Third</div> 

解決します。

さまざまなスタイルの両方でいくつかのコンテンツを試してみると、私の言いたいことが分かります。より良い説明を得るために最初から高さの値を削除してください

Answer 2

すべて同じ高さを持っている場合は、float: leftを使用するだけで、周囲のボックスがそれらを保持するのに十分な幅を持っていれば、そのトリックを行う必要があります。