当display：none时，元素似乎占用空间

Question

我有一个在Chrome中正确显示的页面，但没有Firefox或IE。似乎有一个显示的元素：none占用空间＆amp;迫使某些文字向右移动。

http://flybysouth.com/faqs/

这是一个WordPress网站，我使用自己的自定义优质主题。我已尝试应用以下自定义css以尝试从页面中删除标头包装器。我知道这太过分了;我一定是在追逐错误的元素......

#header-wrapper,
#leader,
#leader .margin,
#leader .margin h1 { display:none; margin: 0; padding: 0; width: 0; height: 0; } 

任何想法是什么导致了“什么使它成为白色？”前面的空间？谢谢！

Answer 1

看起来你可能在主要内容区域上方某处有一个未清除的浮动，尝试将clear:both;添加到＃main-col：

#main-col {
  clear: both;
  margin-top: 20px;
}