css - IE8 不断破坏我的专栏

Question

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

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

图片如下:

Answer 1

您正在使用 IE8 不支持的 box-sizing 属性。事情是你有一个 wrapper div 用于那些固定宽度为 950px 的 3 个元素。并且您指定每个元素的宽度 33.3% 和填充 8px。它与 box-sizing 一起使用，因为填充不会添加到宽度中。由于 IE 没有该方法并将填充添加到宽度，您得到 33.3% + 33.3% + 33.3% + 填充值，它比 950px 固定大小更宽，这导致第三个元素 float 到新行。

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

希望对您有所帮助。