CSS只有在检查后才能工作

我在我的网站上遇到了一种奇怪的行为：只有在我检查页面后，元素才会显示在正确的位置，否则我会在最后打印的元素和屏幕底部之间得到一个空白

链接：

它应该是这样的：

这是默认情况下的外观：

我原以为CSS或HTML代码有错误，但我已经运行了W3C验证程序，两个代码都没有错误

这里有一些HTML：

<div id="wrap">
...
</div>
<div class="clear"></div>
<div class="space32"></div>
<div id="sitemap">
...
</div>

---

在步骤9中删除

min height:100%

，一切正常：）

---

我们能看到代码吗？几行代码值1000张图片JavaScript可能是罪魁祸首。如果你可以链接到你的网站，或者把你的代码放在小提琴上…那太好了。我认为那里的代码对理解发生了什么没有太大帮助，但我只是为了以防万一才添加的。我还将向页面添加链接（实际上是在完成应用程序的所有过程后得到的页面）

.wrapper{
          font-size: 13px;
  line-height: 1.65em;
  font-family: 'Noto Serif',sans-serif;
  color: #333;
  max-width: 928px;
  margin: 0 auto;
    }
.clear{
        clear: both;
        height: 0;
        overflow: hidden;
    }
    .space32{
        height: 32px;
    }
.siteWrapper {
  font-size: 13px;
  line-height: 1.65em;
  font-family: 'Noto Serif',sans-serif;
  color: #000;
  max-width: 928px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  min-height: 606px;
}

#mainWrap {
  /* min-height: 100%; */
}