UL列表奇怪的網格堆積

Question

我準備今天爲客戶啓動一個新網站。我沒有看到任何以前的帖子真的涵蓋了我遇到的問題。

分階段網站：http://honeststudio.com/lecture-videos/

基本上，我的YouTube視頻的網格，一個無序列表。今天早上，當客戶添加視頻時，在「Warren Carther講座第2部分」視頻（第二行，非常正確）之前，網格中有一個大空間開放。我還沒有真正看到過CSS樣式列表的行爲。

當我刪除列表項上的左浮動塊時，它清理了網格，但「Warren Carther Lecture Part 1」（第二行向下，非常向右）距離行頂部20px。

我在過去的半個小時裏做了很多反覆試驗，並沒有取得很多進展，所以任何幫助都會非常棒！

謝謝！

Answer 1

嘗試在某處添加一個clear？這似乎是添加視頻時打開空間的原因。或者，嘗試製作display:inline-block而不是使用float:left，看看會發生什麼？