CSS在使用float:left时去掉了额外的空格；

在使用CSS的float:left属性时，可以通过以下方法去掉额外的空格：

1. 使用清除浮动（clearfix）：当使用float属性时，元素会脱离正常的文档流，可能导致父元素无法正确计算高度，从而产生额外的空格。为了解决这个问题，可以在父元素上添加clearfix类，通过CSS样式来清除浮动。以下是一个常用的clearfix样式：

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

将这个样式应用于包含浮动元素的父元素，可以有效清除浮动带来的空格。

1. 使用display:flex布局：flex布局是CSS3中引入的一种弹性盒子布局模型，可以更方便地控制元素的排列和对齐方式。通过将父元素的display属性设置为flex，可以自动消除浮动带来的空格。以下是一个简单的示例：

.parent {
  display: flex;
}
.child {
  float: left;
}

在这个示例中，父元素使用了flex布局，子元素使用了float:left。由于flex布局会自动处理子元素的排列，所以不会出现额外的空格。

1. 使用inline-block布局：将浮动元素的display属性设置为inline-block，可以使它们以行内块元素的方式排列，从而避免额外的空格。以下是一个示例：

.float-element {
  float: left;
  display: inline-block;
}

在这个示例中，浮动元素的display属性被设置为inline-block，使它们以行内块元素的方式排列，从而消除了额外的空格。

总结起来，通过使用清除浮动、flex布局或inline-block布局，可以有效去掉使用float:left时产生的额外空格。

请注意，以上方法适用于大多数情况，但在特定的布局需求下可能需要使用其他技术或工具来解决。