html - 如何消除页面底部的多余空间(WP主题)

Question

我正在为一个 friend 设计一个 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%;
}