HTML で 3 つの div を水平方向に配置するにはどうすればよいですか?
<p>3 つの水平パーティションを持つサンプル Web サイトを作成しています。
左端のパーティションの幅を 25%、中央のパーティションの幅を 50%、右のパーティションの幅を 25% にして、パーティションが水平方向のスペースの 100% を占めるようにします。 </p>
<pre class="brush:php;toolbar:false;"><html>
<タイトル>
ウェブサイトのタイトル
</title>
<div id="全体" style="高さ:100%; 幅:100%" >
<div id="leftThing" style="位置: 相対; 幅:25%; 背景色:青;">
左側のメニュー
</div>
<div id="content" style="位置: 相対; 幅:50%; 背景色:緑;">
ランダムなコンテンツ
</div>
<div id="rightThing" style="位置: 相対; 幅:25%; 背景色: yellow;">
右メニュー
</div>
</div>
</html></pre>
<p>https://i.stack.imgur.com/NZDJe.jpg</p>
<p>このコードを実行すると、div が重なって表示されます。並べて登場させたいです！ </p>
<p>どうすればいいですか? </p>
