在布局中计算与框大小调整？

Question

我看过有关使用calc函数进行布局的文章。 （例如 THIS ）

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

我的问题是：

通过使用box-sizing属性进行计算，这样做有什么好处 （除了更简洁的代码）

（例如 THIS ）

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解决了您的问题，那么您应该使用它。