Safari列渲染bug

Question

Safari 7和8似乎错误地呈现了我网站右侧列中的元素标题（https://unindented.org/）：

我只是在容器上执行以下操作：

-webkit-column-count: 2;
   -moz-column-count: 2;
        column-count: 2;
-webkit-column-width: auto;
   -moz-column-width: auto;
        column-width: auto;

是否有针对此错误的解决方法？

Answer 1

你有两个选择：

1. 从overflow: hidden元素中删除header。
2. 从border-radius
中删除header媒体资源

我希望我能告诉你为什么这些会起作用。但Safari的webkit实现有时和IE一样糟糕。