我有一個感謝和嘗試任何建議的窘境。我有一個使用主題The Fox的本地主機運行wordpress。除了頁腳之外，我擁有完美的一切。在頁尾放置Wordpress頁腳

我有一些頁面的內容不擴展一個頁面，而另一些擴展超過一個頁面，我遇到的問題是頁腳開始文本結束的地方，我不想添加空白視圖，因爲視圖端口的不同點。正如你在下面看到的，我有一個小內容的示例頁面的截圖。

我希望你注意到頁腳，這也是屏幕取頁腳到頁面的中心後多餘的空白。

我希望頁腳擴展到頁面的末尾，而不管內容的長度或屏幕的大小。

CSS內部有一個頁腳部分，它在Pastebin這裏，但我認爲最重要的是如下;

頁腳

{ 
bottom:0px; 
right:0; 
left:0; 
overflow:auto; 
padding:0px; 
min-height:70px!important; 
height:auto; 
position: relative; 
z-index: 9000;}

在頁腳，我只用一列，我認爲這個代碼處理... ...也於引擎收錄。

.footer_1_col .widget_wrap 
    { 
width:100%!important; 
float:none!important; 
margin-left:auto!important; 
margin-right:auto!important; 
padding-right:10px!important; 
}

而關於頁腳類型，我使用類型8，其使用代碼;

/**************************************************

Footer Type 8 

**************************************************/ 
    .footer_type_8 .widget_wrap { 
    margin: 10px 0px 0px 0; 
    } 
    .footer_type_8 .widget { 
    margin:0px 0px 0px 0; 


} 
.footer_type_8 .widget h2 { 
font-size:10px; 
text-transform:uppercase; 
font-weight:900; 
letter-spacing:normal; 
line-height:14px; 
margin-bottom:0px; 
padding-left:0px; 
position: fixed; 
} 
.footer_type_8 .widget_line { 
display:none; 
}

請我在做什麼錯了，我在哪裏需要做出改變？如果您需要查看一些其他代碼，請告訴我，我會將其發佈到pastebin上。

謝謝。

來源

2016-03-30 Olanrewaju Olukosi

我會嘗試把'min-height：95vh'放在包裝頁腳上方內容的容器上。 – firasd

@firasd我這樣做了，但在每一頁上都給了額外的空白空間。 –

即使頁面有足夠的內容來推下頁腳？ – firasd

特別感謝@Firasd對他的評論，使這成爲可能。

我所做的只是使用瀏覽器檢查器查找body元素，然後使用已知的頁眉和頁腳的靜態高度重新計算該元素的大小。

這是添加到頁面的CSS第

html,body {height:100%;}#fw_c { min-height: calc(100vh - 162px);}

的主題使用Bakerly可視化編輯器，我只是不得不上面的代碼添加到我想要的翻動書頁。

請注意，如果您有滑塊，則除了滑塊位於行元素中之外，還需要將其放入計算中。

來源

2016-03-31 13:06:01

在頁尾放置Wordpress頁腳

頁腳

回答

相關問題