html - textarea 拖拽结合下面的textarea

Question

问题1:当我向下拖动左上角的textarea时，左下角的textarea掉落了。我希望左下角的文本区域与左上角的文本区域一起移动。我怎样才能做到这一点？

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

http://jsfiddle.net/4BX6u/

<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;
}

Answer 1

在你的 css 中删除你的 float 以阻止它扩展。