IE7浮动一个无序列表答案

【问题标题】：IE7 float an unordered listIE7浮动一个无序列表
【发布时间】：2012-09-14 12:58:27
【问题描述】：

看看this fiddle..并在firefox和IE7（或6）中渲染它

在 Firefox 中，它渲染得很好。但在 IE7 中，菜单消失（它应该显示在右侧）

为什么会这样？最好的解决方案是什么？

【问题讨论】：

标签： css internet-explorer internet-explorer-7 internet-explorer-6

【解决方案1】：

最好的解决办法就是这样。 IE7 不支持某些 CSS 属性。在这种情况下，IE7 不支持 overflow:hidden; 并且对 float:right; 有一些问题。在您的设计上，尽量关注 IE8+ 和其他主流浏览器，如 Firefox、Chrome 和 Safari。相信我，使用旧浏览器支持的设计是一件很痛苦的事...*

【讨论】：

我的网站在 IE8+ 和其他现代浏览器上运行良好，不幸的是，大约 5% 的访问者使用 IE7 或 6，我的网站应该适合他们..
使用if IE 仅针对指定的浏览器显示某些内容。有关更多信息，请查看此link 提示：尝试仅在 IE7 或更低版本上更改您的 HTML 结构

【解决方案2】：

hi 现在习惯了像这样的 css 条件

 <!--[if lte IE 7]>
        #container{
    direction: none;
}
    <![endif]-->

现在我在 ie 7 中测试应用这条规则就可以了。

【讨论】：