UL列表网格堆叠奇怪

时间:2011-11-02 15:07:25

标签: html css grid html-lists

我正准备今天为客户推出一个新网站。我没有看到任何以前的帖子真正涵盖了我所拥有的问题。

分阶段网站:http://honeststudio.com/lecture-videos/

基本上,我在无序列表中有一个YouTube视频网格。今天早上,当客户添加视频时,在“Warren Carther第二部分”视频(第二行,非常正确)之前,网格中打开了一个大空间。我之前没有真正看到过CSS样式列表的行为。

当我删除列表项目上的左浮动时,它清理了网格,但是“Warren Carther Lecture Part 1”(第二行向下,非常正确)距离行顶部20px。

过去半小时我做了很多试验和错误,并没有取得很大进展,所以任何帮助都会非常棒!

非常感谢!

1 个答案:

答案 0 :(得分:0)

尝试在某处添加clear?这似乎是添加视频时空间开放的原因。或者,尝试制作display:inline-block而不是使用float:left,看看会发生什么?