IE8中css浮动属性的问题

Question

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

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

在所有浏览器中显示的标题购物车摘要部分中，如下所示：http://s4.postimg.org/tuvx8avt9/Untitled_1.png

但是在ie8中，显示了标题的左侧。

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

这是我的css：

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

我的#footer {border-top: 1px solid #ddd;}中的我也没有在ie8

中工作

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

任何人都可以帮我解决这个问题，提前谢谢。

Answer 1

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

在IE8中查看RespondJS媒体查询支持。