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;

这个bug有解决方法吗？

Answer 1

你有两个选择:

1. overflow: hidden从header元素中删除.
2. border-radius从你的删除属性header

我希望我能告诉你为什么这些会奏效.但Safari的webkit实现几乎和IE一样糟糕.