如何定位文本框右侧的按钮？

Question

我想使用CSS将我的按钮放在右侧。

这是脚本：

{{1}}

Answer 1

将all添加到一个容器中并定位容器，然后将宽度添加到两者中，使其等于100％：

<style>
.container {
position: absolute;
top: 10px;
left: 100px;
}
.container #search {
width:80%;
}
.container .btn {
width:20%;
}
</style>
<div class="container">
<input id="search" class="form-control" type="text" placeholder="Search Location">
<input type="button" class="btn btn-default" onclick="location.reload();" value="Refresh" />
</div>

或者，如果您使用bootstrap3，请点击以下链接： http://getbootstrap.com/css/#forms-inline

Answer 2

试试这个

time bundle exec compass compile <path>

.search-form input {
  display: inline-block;
}

Answer 3

＆＃13;

＆＃13;

.main{
width:300px;
height:25px;
position:relative;
}
.button{
position:absolute;
right:-75px;
top:0px;
}

＆＃13;

<form>
<div class="main">
<input type="text" style="width:100%;" placeholder="Search Here"/>
<button type="reset" class="button">Refresh</button>
</div>
</form>

＆＃13;

＆＃13;

＆＃13;

尝试一次