浮动左

Question

在下面的图片中，前3个div完全对齐，但在第二行中，div＆＃39;住宅物业投资＆＃39;从右边开始，从左边开始。

div float设置为left，这很好。我注意到的一件事是，如果我从＆＃34; Letting and Property Management＆＃34;中缩短第1行第2列文本。只有＆＃34;租赁和财产＆＃34;然后它运作正常。

我无法弄清楚它是自动换行问题还是浮动问题。

Answer 1

使用浮动时防止这种情况的唯一方法是对所有浮动元素使用通用的固定高度。

作为另一种解决方案，您可以添加“display：flex;”和“flex-wrap：wrap”到容器。

Answer 2

修正每个div的高度。

并且

每一行都需要提供清除：两者 CSS属性。