CSS中，我們經(jīng)常需要設(shè)定元素的高度和寬度。有時候，為了使網(wǎng)頁看起來更加美觀，我們會讓某個元素的高度等于它的寬度的倍數(shù)。這時候，我們就可以使用CSS的百分比或rem單位來實現(xiàn)高度是寬度的倍數(shù)。

首先，我們需要把元素的高度和寬度都設(shè)定為相同的百分比或rem單位。例如：

.element {
width: 100%;
height: 0;
padding-bottom: 100%;
}

這樣，我們就實現(xiàn)了一個寬度和高度相等的元素。接下來，我們可以利用這個元素的高度來設(shè)置其他元素的高度。例如，如果我們想讓某個元素的高度是這個元素寬度的一半，我們可以這樣做：

.another-element {
width: 50%;
height: 50%;
}

這樣，我們就實現(xiàn)了一個高度等于寬度的一半的元素。如果要讓某個元素的高度是這個元素寬度的四倍，我們可以這樣做：

.another-element {
width: 25%;
height: 100%;
padding-bottom: 400%;
}

當(dāng)然，這里的百分比可以根據(jù)實際情況進行調(diào)整。這個方法實現(xiàn)的原理是利用元素的padding屬性來撐開元素的高度，從而達(dá)到高度是寬度的倍數(shù)的效果。

總之，通過這個簡單的方法，我們可以輕松地實現(xiàn)高度是寬度的倍數(shù)的效果，讓網(wǎng)頁看起來更加美觀。