css - 是什么导致此页面底部出现白色 block ？

Question

关于 this page当您向下滚动到底部时，页面末尾会出现一大块白色。

我已经使用 Chrome 代码检查器来设置

html {height: 100%;}

这立即解决了问题，但如果我需要做一个永久的解决方案，添加相同的规则，甚至

html {height: 100% !important;}

样式表不能解决问题。

如何去除页面底部的大块白色？

感谢帮助。

Answer 1

我发现问题 div 是 <div id="top-panel-inner" class="dfd-header-responsive-hide">

在 app.css 第 21362 行

//这个行号可能没有意义，我是从 chrome inspect 得到的。

//只是想提醒你，你在哪里添加了这些 css。

应该有一个控制这个 div 的脚本，脚本每 5 秒(大约)运行一次。

#top-panel-inner {
   position: absolute;
   z-index: 1000;
   top: 0;
   left: 0;
   right: 0;
   height: 0;
   overflow: hidden; // Add this will solve your problem immediately 
}

这是解决您的问题的技巧，但您实际上需要找到脚本并正确设置它，而不仅仅是使用 css 技巧。