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;
}