为什么Firefox以不同方式显示我的页面？

Question

所以问题是：我有三个列布局页面。在右侧有一个广告，我希望能够关闭某些页面，以便内容扩展，页面有两列而不是三列。

我找到了使用display: table-cell的解决方案。这适用于最大的浏览器，但奇怪的问题只发生在Firefox中。当我转到我的页面时，广告会下降到内容之下并且内容会扩展。然后，当我点击刷新时，商业广告弹出，一切似乎都很好。

你能帮忙吗？

这是css：

#wrapper{width: 960px; margin: 0 auto;}

#left{float: left; width: 220px; margin: 6px 0 0 5px;}

#content_wrapper{float: left; width: 724px; margin: 6px 0 0 5px;}
    #content{min-height: 400px; min-width: 522px; max-width: 724px; border: solid 1px #ccc; padding: 12px; vertical-align:top; display: table-cell; }
    #right{width: 168px; padding: 0 6px 0 5px; display: table-cell;}

Answer 1

Internet Explorer does not support table-cell attibute，因此如果您使用Internet Explorer并尝试检查Firefox，则会有所不同。可能firefox实际上正在工作，但IE不是。

  

没有Internet Explorer版本   （包括IE8）支持该属性   值“继承”，“内联表”，   “磨合”，“桌子”，“表格标题”，   “table-cell”，“表格列”，   “table-column-group”，“table-row”或   “表列的基团”。