css 在 IE8 中浮动 属性 的问题

Question

我使用 html 和 css 创建了简单的网页。

这是工作的 jsfiddle，http://jsfiddle.net/y7xmr6ct/ [仅部分工作]

在 header cart-summary 部分中显示在所有浏览器中的期望是这样的：http://s4.postimg.org/tuvx8avt9/Untitled_1.png

但在 ie8 中，显示在我 header 的左侧。

我尝试将 clear:left; 或 width:100%; 用于我的 class .large--right, 但没有任何变化。

这是我的 css:

.large--right {
    float: right !important;
    }

而且我的 #footer {border-top: 1px solid #ddd;} 在 ie8

中不工作

我可以知道，我该如何解决这个问题？

任何人都可以帮我解决这个问题，在此先感谢。

Answer 1

IE8 不支持媒体查询。您的代码是移动优先的，因此因为没有触发媒体查询，所以布局是移动样式。

查看 RespondJS 以了解 IE8 中的媒体查询支持。