html搜索框和logo怎么在一行

可以使用CSS的`float`属性将搜索框和logo对齐在同一行。具体实现方法如下所示：

HTML代码：

<div class="header">
  <div class="logo">
    <img src="logo.png" alt="logo">
  </div>
  <div class="search-box">
    <input type="text" placeholder="搜索...">
    <button>搜索</button>
  </div>
</div>

CSS代码：

.logo {
  float: left;
}

.search-box {
  float: right;
}

.logo img {
  width: 100px;
  height: auto;
}

.search-box input[type="text"] {
  width: 200px;
  height: 30px;
  border: none;
  outline: none;
  padding: 5px;
  margin-right: 10px;
}

.search-box button {
  width: 60px;
  height: 30px;
  background-color: #007bff;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
}

这段代码中，首先将`logo`和`search-box`两个div的`float`属性设置为`left`和`right`，这样它们就可以左右对齐在同一行了。`logo`的`float`属性为`left`，使其向左浮动，而`search-box`的`float`属性为`right`，使其向右浮动。另外，需要对搜索框和按钮的样式进行一些调整，以适应不同的需求。