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

发布于 2024-11-24 01:10:50 字数 369 浏览 4 评论 0原文

我无法在较大的 div 中正确定位某些 div 并让它们按照我想要的方式运行。

源代码和预览在这里:http://jsbin.com/usuniw/6/edit

问题 1

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

问题 2

当调整最初隐藏的 div 的大小时,它会移动到其父级的边界之外,而不是向右对齐-它的手边。

感谢您提供的任何帮助。

I'm having trouble properly positioning some divs within a larger div and having them behave as I want.

The source and a preview is here: http://jsbin.com/usuniw/6/edit

Problem 1

When the hidden div is unhidden it appears under the div I want it to appear inside. Once the dive inside is resized (using a handle on the left hand side) it pops into place

Problem 2

When resizing the originally hidden div it moves outside the boundry of it's parent rather than aligning itself to the right-hand side of it.

Thanks for any help you can give.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

羅雙樹 2024-12-01 01:10:50

目前,您已将 #selectedResult 元素设置为向右浮动,这导致它出现在 #ipad 元素下方。

如果您去掉 #selectedResult 上的 float:right 并将其设置为:

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

并且设置 #ipad element to:

position:relative;

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

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

At the moment, you have the #selectedResult element set as float right which is causing it to appear underneath the #ipad element.

If you get rid of the float:right on #selectedResult and instead set it to:

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

And set the #ipad element to:

position:relative;

Then the element will be fixed to the top and right sides of its parent.

You can see an updated version of your example here: http://jsbin.com/uxavov/edit#preview

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文