JQuery可调整大小和可拖动的divs定位问题

时间:2011-07-14 15:10:09

标签: javascript jquery-ui html draggable resizable

我无法在一个更大的div中正确定位一些div并让它们按照我的意愿行事。

来源和预览位于:http://jsbin.com/usuniw/6/edit

问题1

当隐藏的div被取消隐藏时,它出现在div下面,我希望它出现在里面。一旦内部潜水调整大小(使用左侧的手柄),它就会弹出到位

问题2

当调整原始隐藏的div的大小时,它会移动到它的父级边界之外,而不是将其自身对齐到它的右侧。

感谢您提供任何帮助。

1 个答案:

答案 0 :(得分:1)

目前,您将#selectedResult元素设置为右移,这会使其显示在#ipad元素下方。

如果您摆脱了float:right上的#selectedResult,而是将其设置为:

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

#ipad元素设置为:

position:relative;

然后元素将被固定到其父元素的顶部和右侧。

您可以在此处查看示例的更新版本:http://jsbin.com/uxavov/edit#preview