Javascript 我们如何在调整相邻div的大小和增加其宽度时移动其他html元素，如div

我是html开发新手。我在处理web UI时遇到html问题。实际上，我构建了一个基于html的小应用程序，用于设计表单。在这种形式中，有三个主要方面，一个是左侧的元素，第二个是右侧的属性，中间有可调整大小的div，我对div有问题，在右侧调整时div会移动。调整尺寸时最完美的下侧。我共享我的代码，请查看并运行它

我想要什么？：我想要当我调整到合适的大小时，我的属性div也会在可调整div的宽度增加时向右移动。请任何有html专业知识的人帮助我

.element div{
宽度：300px；
盒影：1px 1px 1px灰色；
高度：自动；
边界半径：10px；
左边距：20px；
背景色：#fff；
浮动：左；
垫底：18px；
}
.测试{
边缘顶部：5px；
左边距：40px；
宽度：180px；
高度：自动；
填充：15px；
边缘底部：5px；
边框：1件实心粗实木；
}
#下降{
宽度：700px；
高度：650px；
边缘底部：30px；
边界半径：10px；
背景色：#fff；
盒影：1px 1px 2px 2px灰色；
}
.放弃{
宽度：180px；
高度：自动；
填充：15px；
边框：1件实心粗实木；
背景色：无；
}
.按钮克隆{
背景颜色：珊瑚；
边框：实心1px；
边框颜色：深红色；
高度：50px；
宽度：100%；
}
.文本克隆{
边框：实心1px；
边框颜色：矢车菊蓝；
高度：25px；
宽度：100%；
}
.下拉克隆{
高度：30px；
宽度：100%；
背景颜色：矢车菊蓝；
}
.日期{
边框：实心1px；
边框颜色：暗金色；
高度：25px；
宽度：100%；
}
.保存表单{
背景色：#B35050；
边框：实心1px；
边框颜色：#861F03；
高度：40px；
宽度：80px；
浮动：对；
边界半径：5px；
}
h1{
字体系列：无衬线；
颜色：棕色；
}
#属性用户界面{
浮动：对；
边缘顶部：15px；
右边距：10px；
最小宽度：180px；
最小高度：100px；
背景色：#AFE1E6；
左侧填充：20px；
右边填充：20px；
垫底：20px；
边界半径：10px；
字体系列：无衬线；
盒影：1px 1px 1px灰色；
}
#标题属性{
背景颜色：棕色；
颜色：#fff；
字体系列：无衬线；
利润上限：-33px；
文本对齐：居中；
边界半径：5px；
盒影：1px 1px 1px灰色；
}
#删除、#清除、#保存{
背景色：#FF7C7C；
边框：实心1px；
边框颜色：#ff000a；
颜色：#fff；
高度：40px；
宽度：80px；
字体系列：无衬线；
边界半径：5px；
}
#设置{
背景色：#3D7007；
颜色：#fff；
宽度：45px；
高度：30px；
边缘顶部：5px；
浮动：对；
边框：1px纯白；
边界半径：6px；；
}
.预告按钮{
背景色：#496EF3；
颜色：#fff；
宽度：55px；
高度：25px；
浮动：对；
边框：1px纯白；
边界半径：6px；；
}

形式测试
所选表格：
性质



所需字段




选择颜色








命名者

元素
挑选
单选按钮
复选框
组合框

这里有谁能帮我解决上述问题。无法确切理解您想要做什么@先生，当你在html脚本上面运行时，你会看到一个大的中心div，它可以调整大小。当我们调整它的高度从鼠标父div也增加，但当我们调整它的宽度属性div不移动和白色div是严重影响。我想当调整div的宽度时，就像它的高度调整一样，意味着父div也会移位，它位于右侧（properties div）。有关更多详细信息，请运行代码。请帮帮我。有人需要帮助吗？这里有人能帮我解决上述问题。不能确切理解你想做什么@先生，当你在html脚本上面运行时，你会看到一个大的中心div，它可以调整大小。当我们调整它的高度从鼠标父div也增加，但当我们调整它的宽度属性div不移动和白色div是严重影响。我想当调整div的宽度时，就像它的高度调整一样，意味着父div也会移位，它位于右侧（properties div）。有关更多详细信息，请运行代码。请帮帮我，有人需要帮忙吗？