2012-03-27 9 views

答えて

1

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

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

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

アスペクト比が同じであれば画像のサイズが違うとは思っていませんでした。第3の画像アスペクト比が1ピクセルずれて問題が発生していることが分かります。なぜ、針を探してくれてありがとう!私が困惑してCSSに集中していた。 –

2

clear:leftを追加します。

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