我的div不會在Firefox中對齊（適用於Chrome和Safari）

Question

我失去了生活的意願！我是一個業餘編碼器，所以沒什麼特別的，但我正在盡我所能。

我有一個頁面在這裏： http://www.simplypsychics.com/null/OnlineReaders.php

在Chrome中，它的工作原理。在Safari中有效。在Firefox中，白色的位向右移動。

請誰能告訴我爲什麼我的div被移動？

這是我的CSS代碼： http://www.simplypsychics.com/null/OnlineReaders.css

Answer 1

您應該在此選擇使用clear: left;代替float: left：#feed li

Answer 2

在你這個CSS類.readwhite，在Firefox中 刪除的位置是：絕對的;

所以對於.readwhite的CSS將

#feed .readerwhite { 
    background-color: #ffffff; 
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.18); 
    float: left; 
    height: 120px; 
    margin-left: 9px; 
    margin-top: -140px; 
    width: 246px; 
}