li w/images的怪異浮動行爲

Question

不確定如何描述它。爲什麼不是最後兩個li正確地浮動？

網站：http://symphonyninjas.com/interviews/

Answer 1

李氏都浮動，但圖像是不同的高度。第五張圖像是擊中第三張圖像並坐在旁邊而不是它下面。

當你想開始一個新行時清除浮點數。您已經在該LI上有一個班級去除邊界，只需添加清除：left;

.photo-id.first, .first.interviewee { 
    [...] 
    clear: left; 
} 

Answer 2

添加clear:left：

.photo-id.first, .first.interviewee { 
    margin-left: 0; 
    clear: left; 
}