float：left problem

Question

私のページに3つのdivがあります。 blok1、blok2、およびblok3という名前です。

私は{フロート：左;}に追加しているblok1 divのためではなく、この結果を得る：

screenshot link

私はこの結果を取得したいです。

screenshot link2

Answer 1

あなたは他に次のものを得るためにblok1とblok2するフロート属性を追加する必要があります。

注：各divには、定義された幅と高さが必要です。

Answer 2

これを試してみてください：

<style type="text/css"> 
    #wrap div { 
     border: 1px solid #000; 
     float: left; 
     margin: 5px; 
     padding: 5px; 
    } 
    #div3 { clear: left; } 
</style> 

<div id="wrap"> 
    <div id="div1">div1</div> 
    <div id="div2">div2</div> 
    <div id="div3">div3</div> 
</div> 

Answer 3

のでhttp://jsfiddle.net/6v5gM/

代わりhttp://jsfiddle.net/JmWZp/1/

だけの表示に使用：テーブルと、 divを

Answer 4

にあなたはおそらくこの

#blok1 {float:left;} 
#blok2 {float:right;} 
#blok3 {clear:both;} 

または理想的

のようにそれを持っている必要がありますが、列のようにそれをしたい場合、あなたはこのようにそれを使用する必要があります。