如何消除页面底部的额外空间（WP主题）

Question

我正在为朋友制作一个Wordpress主题，由于某些原因我无法精确定位，页面底部还有一个额外的空间。我的容器div有100％的高度，我加了红色＆amp;只有边界才能看到蓝色边框。

我的结构如下：

深灰色是母容器，其中有两个子容器（中等灰色），在右子容器内，还有另一个容器（浅灰色）

任何有新鲜眼睛的人都可以帮我解决这个问题吗？

网站 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