TL; DR
如果我用calc使用百分比来计算高度css属性，那么safari似乎没有按预期工作。以下是jsfiddle link供参考（请在chrome，ff和safari中打开）
参考已经检查过：
上述问题似乎已经像3年前一样得到了回答。对于safari的css calc有什么变化吗？
环境：
Macbook Pro,
Chrome - 54.0.2840.71
Safari - 10.0.1 (12602.2.14.0.7)
Firefox - 47.0.1
不确定我在这里缺少什么。上面的js小提琴链接在FF和chrome中渲染相同，但safari似乎忽略了高度，因此内容溢出没有适当的滚动条。我在这里错过了什么吗？ Safari的calc实施不支持百分比属性计算？