CSS 是現代 Web 開發中最為重要的技術之一，它是為了美化網頁而生的方法論。Css 動態計算 div 高度，可以讓我們輕松地控制頁面元素的顯示效果，為用戶帶來更加美觀、優異的視覺體驗。

.main {
height: calc(100% - 50px);
}

在使用 CSS 計算 div 元素的高度時，最好是用 CSS3 的 calc() 函數，它可以進行簡單的算術運算。通過 calc() 函數可以精準地計算出 DIV 的高度，而且也非常容易控制和管理。在上面這段代碼中，我們可以看到使用 calc() 函數實現了 DIV 的高度計算，這里是將高度設定為 100% 減去 50px 的結果。

.main {
height: 50vh;
}

在計算 DIV 高度時，我們還可以使用 vw 和 vh 單位。這兩個單位可以讓我們快速地計算瀏覽器窗口大小的百分比。例如，上面代碼中的 50vh 表示當前窗口的 50% 高度。

在 CSS 中進行 DIV 高度計算，可以幫助我們輕松地控制頁面布局和樣式，更加合理地使用布局空間，同時也能為網站訪問者提供更加優良的用戶體驗。