textarea与下面的textarea相结合

Question

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

问题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以阻止其扩展。