2010-11-26 15 views
0


なぜこのコードで:私が「フロー:左」を使うと、DIVは同じ行の2番目で1番目と2番目のDIVにはなりません

 <html> 
    <body> 
    <div style="border: 1px solid black; float: left">first div</div> 
    <div style="background: red; border: 1px solid black; margin: 2px;">second div</div> 
    </body> 
    </html> 

秒div最初のdivに行く(最初のボックスに赤が表示されます)。存在のすべてのルールのために、2番目のdiv(それは内容ですが、A-1-s-oは背景です)は、最初のdivの右からで、彼の下からではありません。

先にありがとう。

答えて

1

両方をfloatに設定する必要があります。 そうでない場合、display:inline-block;両方に。

2

div要素(および他のすべてのブロックレベルの要素)は、デフォルトで100%の幅を占めます。

要素が互いに隣り合うように要素の幅を指定する必要があります。

0

両方ともフロートする必要があります。また、幅を指定する必要があるかもしれません。

0

配置されていないブロック要素常にが上または互いの上に移動します。 2つの左浮動要素よりも、振る舞いを考えます。

これを達成するには、それらを両方とも浮動させ、デフォルトの100%幅では行えないように両方の幅を与えます。

関連する問題