想要保留文本区域旁边的按钮

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/

要使用bootstrap，请将其放在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>