元素無故躺在另一個「頂部」？

我只是想爲客戶端放置一個網頁，並且我在頁面底部有一個照片庫，但它似乎在頁面內容的頂部，儘管它自己的內容出現在下面其餘的部分。最簡單的事情就是自己看看here. *注意如果你使用「檢查元素，你會看到我的意思是」躺在上面「，你如何不能播放YouTube視頻*元素無故躺在另一個「頂部」？

我花了至少一小時半試圖解決這個問題，這是一個漫長的一天！我可能只是感到疲憊，但一些友好的建議會受到感謝。我想盡量避免使用z-index的工作，如果我可以！

2012-09-26 tim.baker

您已將'＃maincontent'設置爲'float：left;'，將其從文檔流中取出。在這種情況下，真的不需要浮動。 –

我剛剛刪除了元素#video和#video_about上的浮點數，但它沒有正確顯示。關於可能有效的提示符的任何想法？ –

你需要清除float的加入clear: both;到畫廊

例如：

。

.gallery { 
    clear: both; 
}

2012-09-26 23:29:25 feeela

+1：很好的答案。快捷方便。 –

謝謝！儘管如此，我不得不離開那裏的花車，否則它會顯示一個在另一個之下，這是不好的CSS？ –

@ tim.baker「這是不好的CSS？」這個問題不能回答，因爲它取決於許多特徵。這是好的CSS，只要它適用於你的佈局和設計，並具有舒適的加載時間... – feeela

回答