css - 为 Internet Explorer 8 制作列表项浮动

Question

我想让网页上的两个列表的项目彼此相邻。我可以使用 float:left 轻松完成此操作，并且一切正常，尽管我们使用了可爱的 Internet Explorer 8。

我读到包含的 div 应该有一个宽度，但没有任何帮助。我在这里复制了我的代码，如果有人知道为什么两个 ul 列表中的 float:left 在 IE8 中没有浮动，我将不胜感激。

整页代码： http ://codepen.io/anon/pen/ILBlz

Answer 1

尝试这个：

footer .footer_left li {
   display: inline;
}

只是为了帮助您：当发生基本定位问题并且在特定浏览器上出现问题时，请注意您的标记组织 - 这里存在潜在的逻辑错误。

Answer 2

看起来由于某些原因 IE8 不理解 HTML5 标签。
从 CSS 选择器中删除它们。
并查看适用的规则。

这是否解决了它：

<script type="text/javascript">
 document.createElement('header');
 document.createElement('hgroup');
 document.createElement('nav');
 document.createElement('menu');
 document.createElement('section');
 document.createElement('article');
 document.createElement('aside');
 document.createElement('footer');
</script>

http://liveweave.com/dqNwK1（如果服务器可用，在 IE8 中测试！！）

Answer 3

我今天遇到了同样的问题，在搜索网络时我发现了你的问题经过一些实验后，我发现你想要应用的任何包含 HTML5 标签的 CSS 规则都不会在 IE8 中应用。我不知道为什么，但是当我尝试设置标签的样式时，IE8 没有应用它并显示警告说我应该启用兼容模式以显示为旧浏览器设计的页面！！！！

也就是说，如果您不想放弃 HTML5 标签、结构和文档大纲，也许您应该尝试按 ID、类或 DOM 顺序定位元素。