CSS:向左移动按钮

Question

这是我当前的UI：

我想将图片中显示的红色按钮移动到输入的左侧。到目前为止，我已经尝试添加一个margin-left属性，但没有成功。有没有人有关于如何让按钮向左移动的建议？我想让它与底部的输入域对齐。

Answer 1

解决方案比我想象的要简单得多，我没有添加左边界，而是添加了右边界: 20px，它起作用了。

Answer 2

Put

style="position:absolute"

点击你的按钮，之后你就可以使用Left了。

Answer 3

Bootstrap 3有一个叫做Input Group的控件。你可以这样使用它：

<div class="input-group">
    <div class="input-group-btn">
        <button type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-search"></span>
        </button>
    </div>
    <input type="text" class="form-control">
</div>

注意:要向左或向右移动按钮，只需将<input>移动到<div class="input-group-btn">的上方或下方