JQuery изменяемые размеры и перетаскиваемые задачи позиционирования div

Question

У меня проблемы с правильным размещением некоторых div в большем div и заставлением их вести себя так, как я хочу.

Источник и предварительный просмотр здесь: http://jsbin.com/usuniw/6/edit

Задача 1

Когда скрытый div скрыт, он появляется под div, который я хочуэто появиться внутри.После изменения размера погружения (используя ручку слева) оно встает на место

Задача 2

При изменении размера первоначально скрытого элемента div оно выходит за пределыграница его родителя, а не выравнивание с правой стороны от него.

Спасибо за любую помощь, которую вы можете оказать.

Answer 1

В данный момент у вас есть элемент #selectedResult, установленный как плавающее право, из-за которого он появляется под элементом #ipad.

Если вы избавитесь от float:right в #selectedResultи вместо этого установите его на:

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

И установите элемент #ipad на:

position:relative;

Тогда элемент будет зафиксирован сверху и справастороны его родителя.

Вы можете увидеть обновленную версию вашего примера здесь: http://jsbin.com/uxavov/edit#preview