css - 显示 : none 时元素似乎正在占用空间

Question

我有一个页面可以在 Chrome 中正确显示，但不能在 Firefox 或 IE 中显示。似乎具有 display:none 的元素正在占用空间并迫使一些文本向右移动。

http://flybysouth.com/faqs/

这是一个 WordPress 网站，我使用的是我自己定制的高级主题。我已应用以下自定义 css 以尝试从页面中删除 header 包装器。我知道这太过分了；我一定是追错了元素......

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

任何想法是什么导致了“是什么让它变白了？”前面的空间？谢谢!

Answer 1

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

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