如何防止textareas重叠

Question

我有两个textareas

<textarea>Text area 1</textarea>
<textarea>Text area 2</textarea>

我想把自己定位在彼此之上：

但我不想使用<br>。

还有另一种方法可以在CSS中执行此操作吗？例如，弄乱textarea margin或display属性？

感谢。

Answer 1

只需制作textareas块元素。

textarea {
    display:block;
    margin-bottom:1em;
    clear:both;
}

JSFiddle

Answer 2

只需将textarea设置为display: block，然后您就可以使用margin调整间距

JSFIDDLE