css - 带 float 的无序列表项 :left do not float properly

Question

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

从 ul.categories-list 中删除 float: left; 并将 padding 修改为 30px 0 10px 0

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

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