使用 textarea 移动按钮

【问题标题】：Move the button with textarea使用 textarea 移动按钮
【发布时间】：2014-06-21 14:37:13
【问题描述】：

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

【问题讨论】：

显示代码和jsfiddle.net

【解决方案1】：

要将按钮与文本区域角对齐并在展开合同时保持相同的相对位置，请尝试以下操作：

首先是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。

享受你的一天！

【讨论】：