それを記述する方法がわかりません。なぜ最後の2つは正しく浮動していないのですか?li
は正しく浮動していませんか?li w/imagesに関する奇妙な浮動小数点の動作
サイト:http://symphonyninjas.com/interviews/
それを記述する方法がわかりません。なぜ最後の2つは正しく浮動していないのですか?li
は正しく浮動していませんか?li w/imagesに関する奇妙な浮動小数点の動作
サイト:http://symphonyninjas.com/interviews/
れるLIが全て浮遊しているが、イメージが異なる高さです。 5番目の画像は、3番目の画像に当たっていて、その下側ではなく、その隣に座っています。
新しい行を開始するときは、floatをクリアします。あなたはすでにマージンを取り除くためにそのLIにクラスを持っています。単にclear:leftを追加するだけです。
.photo-id.first, .first.interviewee {
[...]
clear: left;
}
clear:left
を追加します。
.photo-id.first, .first.interviewee {
margin-left: 0;
clear: left;
}
アスペクト比が同じであれば画像のサイズが違うとは思っていませんでした。第3の画像アスペクト比が1ピクセルずれて問題が発生していることが分かります。なぜ、針を探してくれてありがとう!私が困惑してCSSに集中していた。 –