html - 如何消除页面底部的多余空间（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...中删除