（很抱歉，很长的帖子）
我正在尝试帮助一个名为N2 CMS的开源 CMS 项目对其拖放工具箱进行现代化改造。我不确定最好的方法是什么，但我基本上想要一个浮动菜单并将其“停靠”在网页的左侧，这样整个页面的宽度就会缩小。但是，此面板的功能取决于用户将某些内容拖出面板并将其拖放到页面上的能力。
这就是它目前的样子。有一个外部“管理”页面包装器（顶部可见的蓝色条）和一个iframe包装正在编辑的内容页面的内部。拖放面板是一个浮动div的，通过在内容页面中包含一些代码来呈现类似于@{ RenderToolbox(); }（它基本上只是将 div + 一些内联 CSS 写入页面）
理想情况下，这就是我希望它看起来的样子。您可以看到工具箱现在如何拥有整个左列（因此页面不会被阻挡）并且页面的整个宽度已经缩小。
是否可以通过将 a 注入页面来实现这一点<div>？也许某种 jquery 可以重新父<div>容器内的整个身体？这甚至是处理这类事情的最佳方式吗？
我想这样的事情是可能的：
jQuery(function(){
$('body').wrapInner('<div class="wrap" />')
})
然而，我们担心在所有布局上都很难让它看起来很好，例如使用绝对定位或 html/body 边距的布局。
因此，我们正在向更大的 Stack Overflow 社区寻求有关此问题的任何建议和想法。非常感谢您的指导！