当display:none时，元素似乎占用了空间。

Question

我有一个页面在Chrome中显示正常，但在Firefox或IE中却不是这样。似乎一个具有display:none的元素正在占用空间并将一些文本强制向右移动。

http://flybysouth.com/faqs/

这是一个WordPress网站，我正在使用一个带有自定义的高级主题。我尝试应用以下自定义CSS来删除页面中的header-wrapper。我知道这有些过度，可能追踪了错误的元素...

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

有什么想法导致"What makes it white?"前面的空格吗？谢谢！

- ibc3

Answer 1

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

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

- Zach Esposito