li w/imagesに関する奇妙な浮動小数点の動作

Question

それを記述する方法がわかりません。なぜ最後の2つは正しく浮動していないのですか？liは正しく浮動していませんか？

サイト：http://symphonyninjas.com/interviews/

Answer 1

れるLIが全て浮遊しているが、イメージが異なる高さです。 5番目の画像は、3番目の画像に当たっていて、その下側ではなく、その隣に座っています。

新しい行を開始するときは、floatをクリアします。あなたはすでにマージンを取り除くためにそのLIにクラスを持っています。単にclear：leftを追加するだけです。

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

Answer 2

clear:leftを追加します。

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