我们发现列表存在奇怪的 float 或格式问题。
我们水平显示列表元素，而不是默认的垂直显示，三排一行。每个列表元素通常只包含一行文本。
但是，当元素上方的行包含两行文本时，格式会变得奇怪并且列表项不再全部对齐。例如，应该出现在第一列的元素出现在第三列。
重现:
1) 转到这里:http://www.panabee.com/domain-name-generator/healthy%20food
2) 滚动到名为维基百科相关术语的底部部分。
3) Paypal 1000 美元。只是在开玩笑。 :) 查找文本 Dusty Donovan。这应该清除上面的所有 float 并排在第一列中。相反，它在第三列中对齐。这也适用于 Boosterthon Fun Run。
我们如何解决此格式或 float 问题？
谢谢!
最佳答案
Crashalot，这不是 CSS 错误，它是 float 的工作方式，较高的 float 意味着下一个“行”上的东西不能 float 得比它更靠左，你要找的是 CSS3 "multi-columns" ，您可能已经猜到它还没有得到完全支持，有些脚本可以帮助完成同样的事情，我相信一些浏览器确实支持
float 始终只是一种 hacky 方式 - 它可以用内联 block 而不是 float 来完成，只要有两个行元素，你仍然会得到“不均匀的间距/垂直边距”，但至少仍然是均匀分布列之间的元素数以及您可以使用内联 block 实现的垂直对齐，额外的间距可以均匀分布。
这里的例子:在 JSBin
关于html - 列表 : list item with float style not clearing to left when elements above contain multiple lines 的 float 或格式问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5477498/