Question

html如何使搜索框和按钮在同一行？

Answer 1

将button直接放在input后面，中间不要加别的就可以了，这样搜索框悔陆宽和按钮就碧亮悉森在同一行了。

Answer 2

<div class="search">
<input type="text" id="in" value="图书开核或袭改兄团卜抢" /><button class="btn_search">搜索</button>
</div>

.search #in{
width:454px;
height:30px;
border:2px solid red;
outline:none;
font:14px/30px "microsoft yahei";
}
.search .btn_search{
background:red;
width:80px;
height:34px;
color:white;
border:none;
outline:none;
font:14px/34px "microsoft yahei";
}

Answer 3

它们本来就是行内块元素啊，本来就是可以在同一行显示的

Answer 4

设置样式为display：inline-block，float：left