2012-02-08 9 views
0

下記の画像をご覧ください
私がしたいのは何とか振る舞いを実現するためにDivを整理しています。
Div 2高さは動的に変更でき、高さに基づいてコンテナに描画するように動作させます。
私が遭遇する主な問題は、この場合のDivは、Div 3Div 4(これは間違っています)の両方を強制的にダウンしようとすることです。
Divの場合は、ここで助けてくれる別のコンテナを指すことができますか?しかし、まだDivは提供オプションです。特定の行動を達成するために必要な部署

Div 2 resize

UPDATE
この2例は、同様に動作するはずです。

Div Update

+0

、いくつかのHTMLとCSSコード – mgraph

+0

フロートを置く位置し、あなたは2がダウンして3と4正しい行動だと移動する、サイズ変更 – Jack

+0

を行っています。あなたがしていることはブラウザのルールに反しています。ポジションアブソリュートといくつかのJSを試して、下に何かがあるかどうかを判断してください。 – Joseph

答えて

2

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

<!DOCTYPE HTML> 
    <html lang="en"> 
     <head> 
     <style> 
    .container {width:601px;margin:50px auto;} 
    .container div {border:1px solid black;overflow:hidden;height:200px;margin:0px -1px;} 
    #div1 {width:400px;float:left;} 
    #div2 {width:200px;float:right;height:300px;} 
    #div3 {width:200px;float:left;} 
    #div4 {width:400px;;float:right;} 
     </style> 
    </head> 
    <body> 
     <div class="container"> 
      <div id="div1">div 1</div> 
      <div id="div2">div 2</div> 
      <div id="div3">div 3</div> 
      <div id="div4">div 4</div> 
     </div> 
    </body> 
    </html> 
+0

完璧!!!!!!!!! +1タフ – Jack

+0

答えました、ありがとうございます。 – Sonosar

関連する問題