css - 狭いブラウザでDivを並べて配置する

Question

http://jsfiddle.net/ZGhEe/

私はいくつかのチュートリアルを読みました、そしてそれらはすべてフロートを使うか相対的なポジショニングを使うと言います、しかし私が試みるすべてのテクニックは私に期待された結果を与えていません。これは非常に簡単なことですが、htmlテーブルを使用すると死刑に処せられるため、「正しい」方法で実行したいと思います。何か助けはありますか？

float leftを使用すると、ブラウザが狭くなると不必要にスタックします。

Answer 1

floatを使用して並べて表示する場合は、幅を設定し、幅の合計がコンテナの幅よりも小さいことを確認する必要があります。

Answer 2

ブラウザをすべてのブラウザに適合させたい場合。ブラウザを流動的にします。

すなわち、レイアウトの幅を定義する際に % を指定します。