CSS是前端開發中不可或缺的一部分，可以通過CSS設置網站的樣式，如顏色、大小、位置等。而一些CSS屬性還可以通過其他屬性的值進行計算，例如CSS高度按寬度計算。

在前端開發中，我們經常需要設置一個容器的高度，但由于瀏覽器窗口的大小不盡相同，導致我們需要不斷地調整高度值以適應不同的窗口大小。而使用CSS高度按寬度計算可以解決這個問題：我們可以設置容器的高度為該寬度的某個比例。

以以下代碼為例：

.container {
width: 50%;
height: calc(50vw / 2);
}

這段代碼使用了CSS高度按寬度計算的方法。在其中，我們設置了容器的寬度為窗口寬度的50%，而容器的高度則是50vw（即視口寬度）除以2。這里，我們使用了CSS3新屬性calc()，可以將一些屬性值進行簡單的算術運算。

還可以使用其他單位來設置高度按寬度計算，例如：

.container {
width: 50%;
height: 50%;
padding-bottom: 25%
}

這里，我們設置了容器的高度為50%，同時也設置了一個填充底部（padding-bottom）的距離為25%。這樣，容器的高度就可以根據寬度的比例來計算。

總的來說，CSS高度按寬度計算是一種非常實用的前端開發技術，可以使網站的布局更為靈活，適應不同的瀏覽器大小。