为internet explorer 8制作浮动列表项

Question

我想使网页上的两个列表的项目位于彼此的旁边。我可以使用float:left轻松做到这一点，尽管我们可爱的Internet Explorer8，但一切都在运行。

我读到过包含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顺序来确定元素的目标。