CSS3中新增了計算的css樣式，讓開發(fā)者可以更方便地進行布局。

.container {
width: calc(100% - 50px);
height: calc(50% + 20px);
}

上面的代碼中，我們可以看到使用了calc()函數(shù)來進行計算，并將計算結(jié)果作為樣式的值。calc()函數(shù)可以使用加、減、乘、除等計算符號來進行計算。

除此之外，calc()函數(shù)還可以與百分比、長度、用戶自定義變量等進行混合使用，讓開發(fā)者在布局時更加靈活。

.container {
width: calc(100% - var(--padding));
height: calc(50% + 20px);
padding: var(--padding);
}

在上面的代碼中，我們使用了用戶自定義變量來設置padding的值，讓布局更加易于修改、維護。

總的來說，css3中的計算樣式為開發(fā)者提供了更多的布局方式和思路，讓頁面的布局更加靈活，適應性更加強大。