css - 布局中的 calc vs box-sizing？

Question

我看过一些关于使用该calc函数进行布局的文章。（像这样）

div
{
    height: calc( 100% - 128px);
}

我的问题是：

使用 calc 执行此操作比使用属性执行此操作有什么好处box-sizing（除了更整洁的代码）

（像这样）

div
{
    margin-top: -64px;
    padding-top: 64px;

    margin-bottom: -64px;
    padding-bottom: 64px;
    box-sizing: border-box;
}

...因为看起来box-sizing:border-box更好，因为它更广泛的浏览器支持？

Answer 1

Calc 更加灵活，可以解决许多border-box未涵盖的场景。但是您已经知道浏览器支持是有限的，所以如果border-box解决了您的问题，那么您应该使用它。