CSS样式使三个盒子浮动 |css 不让空格显示

.box {
height: 100px;
width: 100px;
background-color: red;
float: left;
}

上述代码中，大家首先定义了一个.box类，设置了其高度、宽度、背景色等属性，并将其浮动到左侧。如果想要实现三个盒子同时浮动，大家只需要创建三个具有.box类的div元素并将其包含在一个父元素内。例如：

<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

上述代码中，大家创建了一个.container类的div元素，并将三个具有.box类的div元素包含在其中。因为大家已经为.box类设置了浮动属性，所以这三个盒子将会自动浮动在.container元素的左侧。

当然，大家也可以通过修改浮动属性的值来实现不同的布局效果。比如，将三个盒子浮动到右侧：

.box {
height: 100px;
width: 100px;
background-color: red;
float: right;
}

总之，通过合理的CSS样式设置，大家可以轻松实现多种不同的盒子布局效果。