Orphan <li>浮动：左浮动

Question

我有一个<ul>，有七个<li>个。 <li>已应用此css：

float: left;
width: 33.333%;
border: 3px solid #fff;
margin: 0;

所以他们出现在3x2 + 1（第七）网格中。我遇到的问题是最后一个[orphan] <li>项目由于某种原因正确对齐。像这样：

我检查了html和css中的层次结构，以找到可能正在推动这件事的继承风格，但我什么都找不到。让我知道你是否想看到我的暂存网站有这个问题需要进一步调查（我之前被指责为自我推销链接，所以我会等到有人问起来。）

Answer 1

发现一个<li>元素的高度为.28px，并且将所有内容都强行放在最后一个孤儿的右侧。

将此添加到我的CSS：

max-height: 218px;

现在它正常运作。