html div 里面的两个div 放到一行

在HTML中，如果你想要将两个`<div>`元素放在同一行上，你可以通过CSS来实现这个布局。通常使用的是浮动（Float）、Flexbox或者Grid布局技术。这里我会给你三种常见的方法：

1. **浮动** (Float):

<style>
   .row {
      float: left;
      width: 50%; /* 或者自适应宽度，如：width: calc(50% - 20px); */
      box-sizing: border-box; /* 为了包含边框和内边距 */
   }
</style>

<div class="row">
   <div>Div 1</div>
   <div>Div 2</div>
</div>

2. **Flexbox**:

<style>
   .container {
      display: flex;
      justify-content: space-between;
   }
</style>

<div class="container">
   <div>Div 1</div>
   <div>Div 2</div>
</div>

3. **Grid** (假设每个`<div>`都是一个单元格):

<style>
   .container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(0, 1fr));
   }
</style>

<div class="container">
   <div>Div 1</div>
   <div>Div 2</div>
</div>

确保清除浮动（例如，在父容器添加 `overflow: auto` 或 `clearfix` 类），避免影响其他内容。