safari(iOS) div 不会用 height: 100% 填充 td 的高度

Question

<table>
    <tr>
        <td style="width:300px;height:300px;background-color:blue;"><div style="width:100%;height:100%;background-color:red;box-sizing:border-box;padding:10px;"></div></td>
    </tr>
</table>

仅 safari (iOS)

如果我输入 'padding:0px'，div 会用 height: 100% 填充 td 的高度，

但

如果我输入 'padding:10px'，div 不会用 height: 100% 填充 td 的高度

为什么？