如果我在上面的div中使用clearfix，頁腳會在Chrome中出現怪異現象

如果我在頁腳上方移除了clearfix div，則文本會在Firefox上出現。如果我在上面的div中使用clearfix，頁腳會在Chrome中出現怪異現象

但是這打破了其他的東西。我不明白怎麼clearfix可以在任何雖然會影響頁腳...

我的頁面：

http://www.craftonhills.edu/Current_Students/Counseling/Assessment.aspx

2012-09-19 Kristi Simonson

它看起來像你的頁腳元素與之相關聯的這些樣式規則：

#footer { 
    clear: both; 
    font-size: 1.4em; 
    height: 150px; 
    margin-top: -150px; 
    position: relative; 
}

如果您刪除了margin-top: -150px規則，它看起來就是清理Chrome。

在＃內容樣式中，您看起來像有一個padding-bottom: 150px;規則，它將所有內容都推下來。可能也想減少一點。

如果您的目標是粘滯頁腳，出於某種原因，將margin-bottom: -150px;規則添加到在我的Firefox，Chrome和IE中工作的#container元素。不過，我認爲這比150px高一點。

來源

2012-09-19 21:04:34 Tim

這幾乎奏效。除了這應該是一個粘滯的頁腳，如果內容太短，將頁腳放到頁面的底部。刪除150px的參考文獻將其放在屏幕底部以下，如下所示：http://www.craftonhills.edu/Current_Students/Student_Life/Clubs/Badminton_Club.aspx –

這確實解決了棘手的問題，但打破了頁腳再次在Chrome中，取決於觀看大小，對我來說...... –

我最終在我的clearfix div下面添加了一個.push div，給它一個180px的高度（正確的高度，填充，而不是150px）。不是語義，但它似乎修復了Chrome。

來源

2012-09-19 22:42:29

如果我在上面的div中使用clearfix，頁腳會在Chrome中出現怪異現象

回答

相關問題