html - IE8 中 css float 属性的问题

Question

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

这是有效的 jsfiddle，http://jsfiddle.net/y7xmr6ct/ 【部分作品】

在所有浏览器中显示的标题购物车摘要部分期望 ie 是这样的: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 不支持媒体查询。您的代码是移动优先的，因此因为没有触发媒体查询，所以布局是移动样式。

看看RespondJS用于 IE8 中的媒体查询支持。