textarea拖动与textarea结合在一起

Question

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

问题2：当我向下拖动右上角的textarea时，左下角的textarea开始移动。我该如何防止这种情况？

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以阻止其延长。