如何讓我的浮動div在主流瀏覽器中保持一致？

我試圖把自己的投資組合網站放在一起，但我只是剛開始在其他計算機上測試。今天我注意到一些浮動的div在IE和Firefox中被錯誤定位的問題。如何讓我的浮動div在主流瀏覽器中保持一致？

鉻相貌端正，左圖，IE瀏覽器右圖 enter image description here

的浮動的div被.projects定義，像這樣：

.project { 
    margin: 2.5em 1.5em 0 0; 
    width: 30%; 
    float: left; 
}

據我所知，項目可以有不同數量的文本和略不同的圖像尺寸可能是原因，但我不知道如何確保Chrome瀏覽器中的一致定位？

隨時在瀏覽器中的實際網站撥弄：www.holly.im

感謝任何幫助！

....我真的應該問這是一個單獨的問題，但我不妨在這裏提及它 - 我在Firefox的頁面內容下面獲得了很多額外的空間，我可以向下滾動以純灰色一段時間，我不明白，因爲我的網站內容的大部分存在於#pages div內，這個螢火蟲突出顯示告訴我它應該在哪裏結束。認爲值得提問？但我可能會發佈一個單獨的問題。

來源

2013-02-28 Holly

嘗試將HTML張貼到，我知道您發佈的網站，是偉大的，但它不會幫助未來的人，如果該網站不在 – 2013-02-28 11:48:32

確保IE不是在'怪癖'模式。 – 2013-02-28 11:51:28

最可能的問題是，然後文本擴展到兩行，下面沒有圖像的空間，它下降。將高度設置爲您的'.project' div並且應該被修復。 – Morpheus 2013-02-28 11:54:36

您需要在第三個.project之後添加clear:left或在.project div上設置固定高度。

正如你的第二個標題是時間越長，導致下面的線浮動的div堆棧背後這是推過去兩年下來一行

來源

2013-02-28 11:56:16 Pete

如何讓我的浮動div在主流瀏覽器中保持一致？

回答

相關問題