IE8继续打破我的专栏

Question

我正在开发一个新网站 - http://cravezilla.com - 在WordPress上运行。我为Chrome，Mozilla，Safari和IE9 +优化了网站。然而，在IE8上，我的网站的列被全部抛弃了，我无法弄清楚原因？

我附上了IE8预览的截图。我可以在CSS中包含一些东西来解决这个问题吗？

这是图像：

Answer 1

在你的css文件中试试这个

.tri-block:last-child{
    margin-right:0;
    }

Answer 2

您正在使用IE8不支持的box-sizing属性。事情是你有一个包装div为那3个固定宽度为950px的元素。并指定每个元素的宽度为33.3％，填充为8px。它适用于盒子大小，因为填充不会添加到宽度。由于IE没有这种方法并且在宽度上添加了填充，因此得到33.3％+ 33.3％+ 33.3％+填充值，这些值比950px固定大小宽，并导致第三个元素浮动到新行。

我建议你删除box-sizing属性并将固定宽度设置为大约300px的div。它应该在你的css文件中的第483行。

希望它有所帮助。