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

我正在为一个朋友做一个Wordpress主题，由于某些原因，我无法确定这一点，页面底部有一个额外的空间。我的容器div有100%的高度，我添加了红色和蓝色边框，这样可以看到边界

我的结构如下：

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

任何有新眼睛的人都能帮我解决这个问题吗

网站

CSS

---

从

#侧边栏

移除顶部和底部的衬垫。这意味着在侧边栏下增加了额外的空间

试试这个：-

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

---

StackOverflow阻止链接。最好将代码放在问题中（因为链接中的内容不可避免地会发生变化）

您的问题在于

#侧栏

元素（左侧容器）。例如，您需要将填充更改为

0.2%

，以删除您所说的100%高度之外的填充。因此，为了澄清，请将您的

#侧栏

填充从

2%

更改为

02%

---

0 2%

表示顶部和底部为0，侧面为2%。

尝试从

侧栏中删除
高度：100%
。
谢谢@cogsmos。我猜这就是OP所说的。这么简单的解决方案。谢谢D