CSS Calc是CSS中用于計算元素的相對位置和大小的新特性。它由The W3C(World Wide Web Consortium)發布，是Web標準的一部分。

在傳統的CSS中，使用是絕對位置和大小。然而，當使用HTML中的<header>元素和<nav>元素時，可能會遇到一些問題。例如，當使用<header>元素作為<nav>元素的父元素時，<nav>元素將占據整個<header>元素的父級空間。為了避免這種情況，可以使用CSS Calc來解決。

CSS Calc通過將一個元素的大小和位置計算為其真正的大小和位置，而不是其占據的空間大小。這意味著，使用CSS Calc，可以更容易地處理<header>元素作為<nav>元素的父元素的情況，并確保<nav>元素不會占據整個<header>元素的父級空間。

CSS Calc還提供了一些其他有用的功能，例如計算元素的內聯和外聯，以及計算元素的旋轉和縮放。這些功能使得CSS更加強大和靈活，可以更好地處理各種情況。

雖然CSS Calc是一種新的特性，但它已經得到了廣泛的應用，并且隨著技術的不斷進步，它將成為CSS中更加重要的一部分。