用textarea移动按钮

Question

可能这是一个简单的问题。但我是css和javascript的新手。 我在textarea下面有一个按钮，当我扩展它时，我希望按钮与textarea一起移动！ 我怎么能这样做？

Answer 1

要在展开合同时将按钮对齐到textarea角并将其保持在相同的相对位置，请尝试以下操作：

首先，HTML代码：

<form>
    <textarea></textarea>
    <p>
        <input type="reset"/> 
        <input type="submit" value="Submit"/>
    </p>
</form>

然后，添加css属性：

form {
   position: relative;
   display: inline-block;
}

form textarea {
    min-width: 140px;
}

form p {
    margin: 0;
    padding: 0;
    display: block;
    text-align: right;
}

最后，这是JsFiddle。

享受你的一天！