Html 清除浮动列表项

您好，我在清除我左边浮动的列表项时遇到了问题，您可以从我的JSFIDLE中看到，第一个列表项将第三个列表项推到了整个布局上。看我的

天哪，我应该知道怎么做，脑子里一片空白！有什么想法吗？

试试这个：

ul.team-members li {
float:left;
width:450px;
margin-bottom:40px;
clear: both;
}

试试这个：

ul.team-members li {
float:left;
width:450px;
margin-bottom:40px;
clear: both;
}

删除float:left并使用display:inline块；垂直对齐：顶部

删除float:left并使用display:inline块；垂直对齐：顶部

嗨，现在习惯了：第n个typeodd

像这样

ul.team-members li:nth-of-type(odd){
clear:both;
}

嗨，现在习惯了：第n个typeodd

像这样

ul.team-members li:nth-of-type(odd){
clear:both;
}

使用显示：内联块；而不是浮动：左；。也不要忘记使用垂直对齐：顶部；正确对齐容器

例如： 使用显示：内联块；而不是浮动：左；。也不要忘记使用垂直对齐：顶部；正确对齐容器

例如：

---

不，很抱歉，所有的操作都会清除浮动，因此没有任何内容被向左浮动，只会产生一个堆叠的项目列表。不，很抱歉，所有的操作都会清除浮动，因此没有任何内容被向左浮动，只会产生一个堆叠的项目列表。谢谢，这成功了，非常方便的提示：现在我并不支持ie7，但我们需要使用display:inline；缩放：1；因为它不支持inline-block。谢谢，这就成功了，非常方便的提示：现在我不支持ie7，但我们需要使用display:inline；缩放：1；因为它不支持内联块。那么你推荐这种方法还是像上面那样使用display:inline块？我实际上已经使用了这种方法，并使用selectivizr来瞄准ie6-8。TaSo您推荐这种方法还是像上面那样使用display:inline块？我实际上已经使用了这种方法，并使用selectivizr来瞄准ie6-8。助教