div相邻时 设置css

当你需要让两个`<div>`元素相邻显示，你可以通过CSS来调整它们的位置、边距和浮动属性。这里有几个常见的方法：

1. **无浮动** (默认情况)：
如果不需要让元素完全堆叠在一起，可以设置内间距(`margin`)：

   .div1 {
     margin-bottom: 10px; /* 或者自定义数值 */
   }
   .div2 {
     margin-top: 10px;
   }

2. **浮动（float）**：
将其中一个元素设置为左浮动(`float: left;`)，另一个元素则清除浮动(`clear: both;`)：

   .div1 {
     float: left;
     clear: both;
   }
   .div2 {
     margin-left: 10px;
   }

3. **Flex布局**：
使用`display: flex;`和`flex-direction: row;`，使元素按行排列：

   .container {
     display: flex;
   }
   .div1, .div2 {
     flex: 1; /* 自适应宽度 */
   }
   .div2 {
     margin-left: 10px;
   }

4. **Grid布局**：
适用于更复杂的网格布局，使用`grid-template-columns`设置列数并调整行间距：

   .container {
     display: grid;
     grid-gap: 10px; /* 定义行和列之间的间距 */
   }
   .div1, .div2 {
     /* 根据需要设置grid-column 和 grid-row */
   }