如何消除页面底部的额外空间（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 ...