带浮点的无序列表项：left不正确浮点

任何帮助真诚赞赏。由于某些原因，在我的无序列表中，最后两项不按预期浮动。你可以在zenmonyDOTcom/immune-support-c30/ 这里看到它是布局：带浮点的无序列表项：left不正确浮点

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.categories-list

来源

2012-11-11 Evgeny Tryastsin

删除float: left;并修改填充为30px 0 10px 0

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

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

来源

2012-11-11 12:54:37

你的高度不一致，其中一张图片是195px高，而休息似乎是194px，如果你让他们都一样，你应该全部设置！

来源

2012-11-11 12:59:51 box86rowh

你的解决方案变得更好。利用第一个答案的解决方案，李元素位置不均。 –

带浮点的无序列表项：left不正确浮点

回答

相关问题