火狐呈現CSS錯誤（間距變化）

目前我使用Concrete5建立一個網站，設在這裏：http://tinyurl.com/cee5rvo 火狐呈現CSS錯誤（間距變化）

火狐推頭（導航和h1標籤）倒在某些頁面（如圖庫）和我不知道爲什麼。

Chrome和IE10都能正確顯示。

感謝您的任何幫助。

來源

2013-05-13 HedgepigMatt

什麼是你的CSS和HTML？你有沒有試過，top：0;填充，邊距0？也許把它放在一個jsfiddle顯示你的問題 – DiederikEEn 2013-05-13 09:52:34

你使用的是哪個版本的FF？在我的FF上看不到任何東西。 – Nitesh 2013-05-13 09:58:40

處理此問題的最佳方法是在#content div中添加一行。

#content { 
    overflow: hidden; 
    width: 800px; 
}

隱藏的溢出將清除浮動並停止推送內容的不良後果。

來源

2013-05-13 10:32:40

感謝您的回覆，因爲我的電腦被擠掉了，所以無法對它進行測試，但會嘗試兩種提到的解決方案機會 – HedgepigMatt 2013-05-13 13:14:28

祝你好運！ – 2013-05-14 15:51:16

謝謝，我實際上並沒有移動，但從夏季開始回到Uni的家中 – HedgepigMatt 2013-05-15 08:26:39

你在div #asmillerGalleryBlock上有10px的邊距...設置爲margin：0 auto;

來源

2013-05-13 09:54:19 Rhyso

啊，是的，那是因爲我試圖通過根據他們在哪個頁面手動對齊來解決問題。然後，我意識到，它只是Firefox，所以我刪除了所有這些黑客，不小心將其中一個插入。 – HedgepigMatt 2013-05-13 13:13:39

由於浮動問題，您的元素沒有正確佔用空間。將此內容添加到您的css中： #content {float：left}

來源

2013-05-13 09:55:11 Deadkat7

我認爲您的問題是如何處理浮動元素。

如果您在導航中檢查nav-selected nav-path-selected，則會看到它的高度爲0px。

這是一個非常常見的問題，這是因爲浮動元素不會強制父容器自動調整大小。當一個元素被浮動時，它的父元素不再包含它，因爲浮動元素被從流中移除。由於瀏覽器以不同的方式處理這個問題，一個常見的解決方案是使用'clearfix'。

如果你添加以下到您的全局CSS ...

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

.clearfix { 
    display: inline-block; 
} 



html[xmlns] .clearfix { 
    display: block; 
} 

* html .clearfix { 
    height: 1%; 
}

並添加clearfix與0像素高度的元素（如導航選擇），你會看到的元素繼承了正確的高度。

來源

2013-05-13 10:10:00

火狐呈現CSS錯誤（間距變化）

回答

相關問題