可以使用float属性或者display属性实现两个框架并排。

  1. 使用float属性

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

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

.box2 {
  float: left;
  width: 50%;
}
  1. 使用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;等方法。

css怎么让两个框架并排

原文地址: http://www.cveoy.top/t/topic/bBEV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录