Css 带浮动的无序列表项：左不正确浮动

我们衷心感谢您的帮助。 在我的无序列表中，由于某种原因，最后两项没有按预期浮动。 您可以在zenmonyDOTcom/immune-support-c30/ 布局如下：

ul.categories-list {
    width: 620px;
    padding: 30px 0 10px 60px;
    float: left;
    min-height:425px;
    background: url(/images/categories_bkgrnd_main.png) no-repeat;
    list-style:none;
    text-align: center;
}

.categories-list li {
    position:relative;
    margin:5px;
    float:left;
    display: block;
    }

是不是因为物品没有被正确清理？

---

谢谢大家!

删除

浮动：左来自
ul.类别列表
并将填充修改为
30px 0 10px 0

并添加
显示：内联块
到
。类别列表li
并删除
浮动：左侧太

.categories-list li {
    position:relative;
    margin:5px;
    display: inline-block;
}

你的高度不一致，其中一个图像是195像素高，而其余的似乎是194像素，如果你让它们都一样，你应该都设置好了
 结果证明你的解决方案更好。对于第一个答案中的溶液，锂元素的位置不均匀。