Html textarea拖动与下面的textarea组合

问题1:当我向下拖动左上角的文本区域时，左下角的文本区域会下降。我希望左下角的textarea与左上角的textarea一起移动。我该怎么做

问题2:当我向下拖动右上角的文本区域时，左下角的文本区域开始移动。我怎样才能防止这种情况

<div class="container">
            <textarea class="area1"></textarea>
            <textarea class="area1"></textarea>
</div>

<div class="container">
            <textarea class="area1"></textarea>
            <textarea class="area1"></textarea>
</div>




.container
{
    width: 820px;
    height: 250px;
    margin: auto;
}

.area1
{
    width: 400px;
    height: 250px;
    background: white;
    color: black;
    float: left;
    resize: vertical;
}

.集装箱
{
宽度：820px；
高度：250px；
保证金：自动；
}
1.区域1
{
宽度：400px；
高度：250px；
背景：白色；
颜色：黑色；
浮动：左；
调整大小：垂直；
}

删除css中的

浮点数

，以阻止其扩展。

哈哈，我完全不好，Josh是对的，我打错了。解决方法是完全删除浮点数。内联位实际上没有任何作用，添加它只是阻止了它的工作，因为我是不正确的：）非常感谢。我对你的代码进行了修改，这样其他人也可以从中受益。没问题，请确保你的代码中没有显示：内联代码，我可以想象你在未来确保它包含在其中，而实际上它毫无意义：D@SimonStaton它没有内嵌显示。你可以批准我的编辑。非常感谢你。