HTML / CSS：未知区域

Question

在this page上，页脚导航菜单上方有一个间隙：

Chrome代码检查员说这个区域是div#primary，但为什么它会在这个空白区域延伸到底部导航菜单的顶部？

此处没有HTML元素。

div#content在上面用蓝色矩形表示。

上面用红色箭头表示的区域是什么？

Answer 1

.site-content文章有margin-bottom：5.142857143rem;。此边距使空白低于内容

Answer 2

margin-bottom: 5.142857143rem;上有一个.site-content article。例如，如果将其更改为margin-bottom: 0;，则空格几乎消失了。

Answer 3

设置0底部填充.site-content文章

或者你可以编写内联css（margin-bottom：0px;）in（article id =＆＃34; post-178＆＃34;）

Answer 4

<article>代码有margin-bottom: 5.142857143rem;。