CSS是前端開發中不可或缺的一部分，它可以控制網頁的樣式、布局、動畫等內容。其中，設置元素的寬度是我們在CSS中經常會用到的一個樣式屬性，而有時，我們需要根據元素的高度來設置它的寬度。

height: 100px;
width: calc(100px + 10%);

在上述的代碼中，我們使用了CSS中的calc()函數，通過它可以計算出一個值。在這里，我們將元素的高度設置為100px，同時其寬度會根據高度而自動計算出。而“10%”則表示會根據元素所在容器寬度的10%進行計算。

height: 50%;
width: 50vh;

另一種設置寬度的方法是使用“vh”單位，vh是viewport height的縮寫，表示相對于視口高度的百分比。例如上方代碼，我們將元素的高度設置為視口高度的50%，同時寬度也會相應地被設置為50%。這種方法特別適用于移動設備或響應式設計中，可以讓布局更加靈活。

總之，CSS中的寬度設置方法有很多種，我們可以根據實際需要來選擇合適的方法。如果需要根據高度來設置寬度，我們可以使用calc()函數或vh單位來實現。