Css Internet Explorer的样式问题-最有可能的简单解决方案

Css Internet Explorer的样式问题-最有可能的简单解决方案,css,internet-explorer,firefox,drupal,Css,Internet Explorer,Firefox,Drupal,我有一个相对容易的问题需要解决,主要是因为我以前没有遇到过,不知道如何着手解决这个问题 在靠近页面底部的标题“照片库”下,有四幅图片组合在一起。在Firefox和Google Chrome中,照片库显示正确,正确的格式是并排的图像,而不是不正确的堆叠图像样式。谢谢 下面是单个图像字段的代码,唯一的区别是.奇数而不是.偶数 不正确的图像库 正确的图像库 对于类似的东西,值得考虑使用网格系统 是我的首选选项,将其包含在项目中会导致类似于 假设设计为12列 @include span(3 of 9)

我有一个相对容易的问题需要解决,主要是因为我以前没有遇到过,不知道如何着手解决这个问题

在靠近页面底部的标题“照片库”下,有四幅图片组合在一起。在Firefox和Google Chrome中,照片库显示正确,正确的格式是并排的图像,而不是不正确的堆叠图像样式。谢谢

下面是单个图像字段的代码,唯一的区别是.奇数而不是.偶数

不正确的图像库

正确的图像库
对于类似的东西,值得考虑使用网格系统

是我的首选选项,将其包含在项目中会导致类似于

假设设计为12列

@include span(3 of 9);
在你的图像选择器上,太长的时间会达到你想要的设计。
默认情况下,Susy输出浮动,所以如果您确实想手动执行,请进行一些简单的数学运算,计算出%width并应用浮动。适用于所有浏览器,不会像内联元素那样提供奇怪的3px额外功能

这个页面可以看到问题:哪个IE版本?它在IE11中正常工作。尝试使用display:inline块;而是内联,或者将div更改为span。ie在内联元素上有一些奇怪的bug
@include span(3 of 9);