大きなdiv内にいくつかのdivを適切に配置し、それらを希望どおりに動作させるのに問題があります。
ソースとプレビューはここにあります：http：//jsbin.com/usuniw/6/edit
問題1
非表示のdivを非表示にすると、divの下に表示されます。内部に表示します。内側のダイブのサイズが変更されると（左側のハンドルを使用）、所定の位置に飛び出します
問題2
元々隠されていたdivのサイズを変更すると、右側に揃えるのではなく、親の境界の外側に移動します。
あなたが与えることができるどんな助けにも感謝します。
現時点では、#selectedResult要素を右にフロートとして設定しているため、#ipad要素の下に表示されます。
float:rightonを取り除き、#selectedResult代わりに次のように設定した場合:
position: absolute;
right:0;
top:0;
要素#ipadを次のように設定します。
position:relative;
次に、要素はその親の上部と右側に固定されます。
ここで例の更新版を確認できます: http://jsbin.com/uxavov/edit#preview