CSS 实现两个 div 并排显示：float 属性和 inline-block 方法

如果想让两个 div 在一行，可以设置它们的 display 属性为 'inline-block' 或者 float 属性为 'left' 或 'right'。如果只设置一个 div 的 float 属性为 'left' 或 'right'，则另一个 div 需要设置 margin 属性来控制它们之间的间距。

例如：

<div class='wrapper'>
  <div class='left'></div>
  <div class='right'></div>
</div>

.wrapper {
  overflow: hidden; /* 清除浮动 */
}
.left, .right {
  display: inline-block; /* 或者 float: left/right */
  width: 50%; /* 或者其他宽度 */
}
.right {
  margin-left: 10px; /* 设置两个 div 之间的间距 */
}