JQueryのサイズ変更可能なドラッグ可能なdivの位置付けの問題

Question

大きなdiv内の一部のdivを適切に配置していて、私が望むように動作させるのに問題があります。

ソースとプレビューはここにある：隠されたdiv要素が再表示された場合http://jsbin.com/usuniw/6/edit

問題1

それは私はそれが内部に表示したいのdivの下に表示されます。内部ダイブは（左側のハンドルを使用して）サイズ変更されたら、それが所定の位置にポップ

通報2

自体を整列させるのではなく、本来隠れそれのboundry外に移動DIVの親のサイズを変更しますそれの右側に。

ご協力いただきありがとうございます。

Answer 1

現時点では#selectedResult要素がfloat rightとして設定されており、#ipad要素の下に表示されています。

あなたは #selectedResultに float:rightを取り除く場合

、代わりにそれを設定します。

position: absolute; 
right:0; 
top:0; 

そしては#ipad要素に設定します。次に

position:relative; 

要素がに固定されます親の上辺と右辺。

現在地あなたの例の更新バージョンを見ることができます：http://jsbin.com/uxavov/edit#preview