Css 具有图像的li的奇怪浮点行为

不知道该如何描述它。为什么最后两个

li

不能正确浮动

---

站点：

添加

清除：左侧

：

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

---

添加

清除：左
：

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

LIs都是浮动的，但图像的高度不同。第五个图像击中第三个图像并坐在它旁边，而不是坐在它下面

要开始新行时，请清除浮动。你已经有一个班了，就把那个里的边距去掉，只需加清楚：左

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

LIs都是浮动的，但图像的高度不同。第五个图像击中第三个图像并坐在它旁边，而不是坐在它下面

要开始新行时，请清除浮动。你已经有一个班了，就把那个里的边距去掉，只需加清楚：左

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

我不认为图像中的不同大小是一个问题，只要纵横比是相同的；结果表明，第三个图像纵横比关闭了1个像素，导致了问题。谢谢你找到了针，为什么！我觉得只要长宽比相同，图像中的不同大小就不是问题；结果表明，第三个图像纵横比关闭了1个像素，导致了问题。谢谢你找到了针，为什么！我被难住了，把注意力集中在CSS上。