コンテナ div のサイズがわかっている場合、2 つの div をオーバーラップさせるのは非常に簡単ですが、div の高さができない場合はどうなりますか?
私はコンテナの高さを操作せずにそれをやろうとしました：
http://jsfiddle.net/AJfAV/
しかし#text2、#text3それを「プッシュ」しないでください。#container自動的にサイズを変更するにはどうすればよいですか?
jquery uiを使用して目標を達成することができましたが、これはエレガントなソリューションではないと感じています: http://jsfiddle.net/AJfAV/6/
これはあなたが必要とするものですか？
次のように、jQueryを使用heightしてデフォルトに設定しています：auto
$("#container").css("height", "auto");
以下を設定することもできますheight: auto;。CSS で。
#text1これは、との絶対配置を削除すると解決できます#text2。
との両方を設定して#text2オーバーラップさせます。#text1float:leftmargin-left:-30px#text2
テストしてみましょう: http://jsfiddle.net/RPe4H/
現在の問題は、#text1が切り替えられると、#text2の左上にフロートすることです。これは、切り替えが行われたときに要素に#containerJQuery が設定さ れているために発生します。display:none
これを解決するには、 #text1 と #text2 を同じ幅のコンテナー内に配置するため、 に#text設定してもフローに影響しません。また、 のコンテナーにdisplay:none設定する必要があります。min-height:1px#text1
今では期待どおりに動作していますhttp://jsfiddle.net/MyyF6/1/