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

Question

在 HTML 中，我想在文本区域旁边对齐一个按钮，就像在 Messenger 中一样：

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

<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 -标签中：

<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>

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

Want to keep button besides the text area

html

textarea

overlap

right-align