如何在div中使用"float:left"而不破坏包含元素的高度？

在div中使用"float:left"可能会导致父元素高度坍塌，但是可以通过以下方法解决这个问题：

1. 使用clearfix的方法：在父元素中添加一个伪元素，并设置clearfix属性，可以清除浮动，从而避免高度坍塌的问题。

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

1. 使用BFC的方法：将父元素设置为BFC（块格式化上下文），可以避免高度坍塌的问题。

.parent {
  overflow: hidden;
}

1. 使用flex布局的方法：将父元素设置为flex布局，可以自动适应子元素的高度。

.parent {
  display: flex;
}

1. 使用grid布局的方法：将父元素设置为grid布局，可以自动适应子元素的高度。

.parent {
  display: grid;
}

以上是常用的解决方法，可以根据具体情况选择合适的方法。