css - IE8 不断打破我的专栏

Question

我正在开发一个在 WordPress 上运行的新网站 - http://cravezilla.com 。我已经针对 Chrome、Mozilla、Safari 和 IE9+ 优化了该网站。但是，在 IE8 上，我网站的栏目都被扔掉了，我无法弄清楚为什么？

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

这是图像：

Answer 1

在你的css文件中试试这个

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

Answer 2

您正在使用 IE8 不支持的 box-sizing 属性。事情是你有一个 950px 固定宽度的 3 个元素的包装 div。并且您指定每个元素的宽度为 33.3%，内边距为 8px。它适用于 box-sizing，因为填充没有添加到宽度中。并且由于 IE 没有该方法并将填充添加到宽度，您将获得 33.3% + 33.3% + 33.3% + 填充值，该值比 950px 固定大小更宽，并导致第三个元素浮动到新行。

我建议您删除 box-sizing 属性并将这些 div 的固定宽度设置为 300 像素左右。它应该在您的 css 文件的第 483 行。

希望能帮助到你。