Javascript 我想在我的可移动的div里面做一个div，就像一扇窗户

我想在我可移动的

div

内部制作一个

div

，它就像一个窗口，可以容纳内容，并具有与可拖动

div

相同的宽度。与您计算机上的程序完全相同（顶部的栏是可拖动的，但如果您尝试拖动应用程序中的内容，它将不起作用）

以下是我目前的代码：

html，正文{
身高：100%；
保证金：0；
}
#分隔容器{
边框：1px实心浅灰色；
宽度：100%
身高：100%
}
#移动{
背景：浅灰色；
调整大小：两者；
溢出：自动；
文本对齐：居中；
宽度：500px；
高度：76px；
边框：1px纯灰；
光标：移动；
}
$（文档）.ready（函数（）{
$（“#makeitmove”）.draggable（{包含：“#divcontainer”，滚动：false}）；
});
计算器

您需要使用draggable的handle选项来指定要启用拖动的位置

更多信息

html，正文{
身高：100%；
保证金：0；
}
#分隔容器{
边框：1px实心浅灰色；
宽度：100%
身高：100%
}
#移动{
背景：浅灰色；
调整大小：两者；
溢出：自动；
文本对齐：居中；
宽度：500px；
高度：76px；
边框：1px纯灰；
}
#拖{
高度：20px；
宽度：100%；
背景：蓝色；
}
$（文档）.ready（函数（）{
$（“#makeitmove”）.draggable（{包含：“#divcontainer”，句柄：'#drag'，滚动：false}）；
});
计算器

已编辑。。。 好了

html，正文{
身高：100%；
保证金：0；
}
#分隔容器{
边框：1px实心浅灰色；
框大小：边框框；
}
#移动{
背景：白色；
调整大小：两者；
溢出：自动；
文本对齐：居中；
宽度：500px；
高度：76px；
边框：1px纯灰；
}
#处理{
背景：浅灰色；
高度：20px；
光标：移动；
}
$（文档）.ready（函数（）{
$（“#makeitmove”）.draggable（{包含：“#divcontainer”，句柄：“#句柄”，滚动：false}）；
});
计算器

这在视觉上是有效的，但在任何地方都可以拖动，而这并不是我真正想要的，@Clujio是正确的！谢谢你们两位的帮助！：）啊，好的。我错过了那部分。但是，您需要添加框大小：内容框；要删除垂直滚动条，因为您有1px的边框宽度，这有点拧整个高度控制一点。感谢调整大小的工作也！这非常有帮助：））你知道我如何才能使它只在div容器内调整大小，并且在调整大小时不能超出这些边界，也可以从所有边和角调整大小吗？你可以使用它保持在容器内。并从所有边调整大小。我在这里创建了一个例子