2015-06-02 36 views
0

在我的網站的首頁上,頁腳內容正在加載到頁面的底部,它應該放在該頁面的底部。但樣式正在加載到頁面中間。正如你所看到的,我在頁腳上調用了一個紅色背景,但它出現在遠離頁腳html的部件後面。這是一個WordPress站點,我非常確定對頁腳(WP_footer和get_footer)的調用正在正確執行。我有一種感覺,其他東西正在破壞頁面的流動,但我找不到它。該網站在開發初期就已經完成,因此它可能看起來像一個比電話更大的視圖。這裏的鏈接:加載到頁面中部的WordPress頁腳樣式

- 鏈接刪除 -

謝謝你看看!

PS。主要在Firefox上工作在Mac上。

+0

感謝大家的出色答案。並教給我更多關於DOM結構的信息。大聲笑。我這次使用的是自定義網格。顯然,我已經習慣了使用預先製作的網格框架來清除花車,這對我來說不會發生。既然你沒事,我只是給第一個做出貢獻的人提供了最好的答案。但是,謝謝大家,沒有雙關意圖,爲我清理這個。這讓我瘋狂。和平。 –

回答

0

給予風格

float:left 

你的頁腳,它會被固定。

0

將一個clearfix類添加到頁腳,浮動元素與包裝內容相混淆。

.clearfix:before, 
 
.clearfix:after { 
 
    content: ""; 
 
    display: table; 
 
} 
 
.clearfix:after { 
 
    clear: both; 
 
}
<div id="footer" class="grid clearfix"> 
 

 
</div>

0

因爲您的窗口小部件向左浮動,所以父容器不會展開到內容高度。您可以在您的css中添加以下課程:.grid {display:table; width:100%;}