html - 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

删除你float的 CSS 以阻止它扩展。