如何消除頁面底部的額外空間（WP主題）

Question

我正在爲一位朋友開發一個Wordpress主題，而且由於某種原因，我無法指定針腳，在底部有一個額外的空間頁。我的容器div有100％的高度，我添加了紅色&藍色邊框，因此邊界是可見的。

我的結構如下：

深灰色的是母親的容器，其中有兩個子容器（中灰色），右子容器內，還有另外一個容器（淺灰色）

有一雙新鮮眼睛的人可以幫我解決這個問題嗎？

網站 http://vedroelcitra.com/blog/

的CSS http://vedroelcitra.com/blog/wp-content/themes/nyan/style.css

Answer 1

移除填充頂部和底部的#sidebar。那就是在邊欄下面放置額外的空間。

試試這個： -

#sidebar { 
border: 1px solid green; 
position: absolute; 
top: 0; 
left: 0; 
width: 19%; 
height: 100%; 
padding: 0 2% 0 2%; 
height: 100%; 
} 

Answer 2

StackOverflow上阻礙了鏈接。最好把代碼放在問題中（因爲鏈接中的內容不可避免地會改變）。

您的問題與您的#sidebar元素（左側容器）有關。如您所說，您需要將填充更改爲0 2%，例如，刪除除100％高度以外的填充。因此，爲了澄清，請將#sidebar填充從2%更改爲0 2%。

0 2%表示頂部和底部爲0，兩側爲2％。

Answer 3

嘗試刪除height:100%從#sidebar ...