帶浮點的無序列表項：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不正確浮點

回答

相關問題