极客观点
项目管理
HarmonyOS
目标效果如图，但是当把float：left去掉的时候就会出现宽度不够，换行的情况，百分比加起来是100%的但是就是不知道为什么，每一个小块之间会有额外的间隔。
代码如下
<style type="text/css">
body{background-color: black;}
div.b{margin-top:50px;background-color: white;width: 900px;height: 770px;}
div.a{width: 900px;height: 100px;}
div.c{background-color: black;}
.a div{
width: 32%;
margin-left: 2%;
background: blue;
display: inline-block;
height: 100%;
margin-right: 0;
background-color: white;
float: left;
}
.a div:first-child{
margin-left: auto;
}
</style>
</head>
<body>
<div class="c">
<div class="a">
<div></div>
<div></div>
<div></div>
</div>
<div class="b"></div>
</div>
</body>
那是空格，你试下
推荐阅读