CSS display:inline-block 在 IE7 上从本地视图到远程视图不同答案

【问题标题】：CSS display:inline-block differs from local to remote view on IE7CSS display:inline-block 在 IE7 上从本地视图到远程视图不同
【发布时间】：2012-03-12 22:32:06
【问题描述】：

朋友们早上好。

我一直在开发一个网站并在所有浏览器中进行测试。当我完成将文件上传到远程服务器时，页面全部呈现在 IE7 中，但包含 css 属性的水平导航栏显示：inline-block。即使我通过远程服务器查看此问题，但在本地它在同一个导航器上正常工作。起初我认为这可能是语法问题或编码问题，但到目前为止我找不到问题。大家可以看页面http://www.retvbrazil.tv

谢谢！

【问题讨论】：

标签： css internet-explorer-7 cross-browser

【解决方案1】：

IE7 不支持inline-block，因此它不应该在任何视图中工作。您可以使用以下 hack 在 IE7 中获得相同的效果。

*display: inline;
*zoom: 1;

但是，由于这只是一个 hack，它不能在所有条件下都按预期工作，因此它可能需要进行其他更改。相反，浮动元素可能更容易。

【讨论】：

好的...谢谢您的回复。在当地它工作得很好。 i40.tinypic.com/bev8yo.png我的 ie 只在这个网站上表现错误。这是完全不可靠的。谢谢
是的，IE7 不是一个很好的浏览器。 IE8 更好。 IE9 甚至更好。或许有一天，IE 会成为一款不错的浏览器。
事实上，它现在在本地停止了工作。太马车了！

【解决方案2】：

IE7 不支持inline-block，请改用float:left。

【讨论】：