css 两个div排一行

CSS中常用的布局方式之一就是让两个div元素排在同一行。我们可以使用float属性来实现这个效果。

/* CSS代码 */div {
      float: left;
      width: 50%;
      box-sizing: border-box;
}
    

这段CSS代码中，我们给两个div元素都设置了float:left属性，表示它们将会排列在同一行。另外，我们还设置了宽度为50%，让它们平分父元素的宽度。

为了避免在两个div之间出现多余的间隙，我们还需要设置box-sizing为border-box，这样元素的内边距和边框都会被包括在宽度之内。

这样，我们就可以轻松地让两个div元素排在同一行了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！