css - 带有 float:left 的无序列表项不能正确浮动

Question

真诚感谢任何帮助。由于某种原因，在我的无序列表中，最后两个项目没有按预期浮动。你可以在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;
    }

是因为物品没有正确清理吗？谢谢！

Answer 1

删除float: left;并ul.categories-list修改填充为30px 0 10px 0

并添加display: inline-block;和.categories-list li删除float: left;

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

Answer 2

您的高度不一致，其中一张图像是 195px 高，而其余的似乎是 194px，如果您使它们都相同，则应该全部设置好！