如何使用float：left属性均匀分布元素

编程问答 2022-08-13

问题描述

我有一个容器div。 在它里面，我所有的子div都具有float left属性。 如何将孩子div均匀地排在整个行上？

代码笔如下： https://codepen.io/pranavbhagwat81/pen/NWNgaVW 

<div class='box'>
    <div class='box1'></div>
    <div class='box2'></div>
    <div class='box3'></div>
 </div>

  CSS
.box{

}
.box1{
  height:50px;
  width:50px;
  background-color:violet;
  float:left;
}
.box2{
  height:50px;
  width:50px;
  background-color:indigo;
  float:left;
}
.box3{
  height:50px;
  width:50px;
  background-color:green;float:left;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-selectorsdomlesssass