li w / images的奇怪浮动行为

时间:2012-03-27 13:28:09

标签: css css-float

不确定如何描述它。为什么最后两个li没有正确浮动?

网站:http://symphonyninjas.com/interviews/

2 个答案:

答案 0 :(得分:2)

添加clear:left

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

答案 1 :(得分:1)

LI都是浮动的,但图像是不同的高度。第五张图像正在拍摄第三张图像并坐在它旁边而不是在它下面。

要开始新行时清除浮动。您已经在该LI上有一个类来删除边距,只需添加clear:left;

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