0

私は CSS と HTML を初めて使用しますが、質問は非常に簡単です。

私のページには、次のような3 つの<div>タグがあります。

<div id="first"> foo </div>
<div id= "second"> foo </div>
<div id= "third"> foo </div>

次のように div を表示したいと思います。

<div id="first"> foo </div>
<div id= "second"> foo </div>  <div id= "third"> foo </div>

同じ列に並ぶために、右側の 3 番目を移動し、2 番目と整列させたいです!

どうすればいいですか？

4

2 に答える 2

2

floatプロパティとclearプロパティを組み合わせて使用​​します。

<style>
#first, #second, #third { float:left; }
#second { clear:left; }

/* width is not necessary. added for display purposes */
#second, #third { width:50%; } 
</style>

<div id="first"> foo </div>
<div id= "second"> foo </div>
<div id= "third"> foo </div>

http://jsfiddle.net/8d7tD/

于 2013-07-15T15:29:08.223 に答える