html - 想要在文本区域之外保留按钮

Question

在 HTML 中，我想像在信使中一样对齐文本区域之外的按钮：

两者都在页脚中，但是当我更改屏幕尺寸时，会发生这种情况：

<input type="button" value="➢" onclick="CheckAndSubmit ()" style=" position:fixed; bottom:4px;right:100px; padding:15px;">
<textarea name="message" id="message" cols="40" rows="1" style="position:fixed; padding:15px; bottom:4px;"></textarea>

Answer 1

最简单的方法是使用 Bootstrap，您可以在此处阅读更多信息；http://getbootstrap.com/。

要使用引导程序，请将其放在您的 html -tag 中：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

在您的 HTML 代码中，您可以简单地编写：

<div class="container">
    <div class="col-md-10">
        // Input field goes here
    </div>
    <div class="col-md-2>
        // Button goes here
    </div>
</div>