CSS 框架并排布局：float 和 display 属性实现

使用 CSS 的 float 属性和 display 属性可以轻松实现两个框架并排布局。

1. 使用 float 属性

将两个框架都设置为 float: left，它们就会并排显示。

.box1 {
  float: left;
  width: 50%;
}

.box2 {
  float: left;
  width: 50%;
}

2. 使用 display 属性

将两个框架都设置为 display: inline-block，它们也会并排显示。

.box1 {
  display: inline-block;
  width: 50%;
}

.box2 {
  display: inline-block;
  width: 50%;
}

注意：使用 display: inline-block 时，需要注意两个框架之间的空格会被渲染成一个空格，如果需要去除空隙可以使用 font-size: 0; 或者 letter-spacing: -4px; 等方法。