CSS中有一個非常實用的屬性，那就是設置元素的高度等于兄弟元素的高度，這個屬性就是Height Equals Width(Auto)。這個屬性在很多場景下非常有用，比如在響應式布局中，我們可以使用這個屬性來讓元素的高度隨著屏幕寬度的變化而變化。

.box {
width: 50%;
height: 0;
padding-bottom: 50%;
/* padding-bottom的值等于width值的一半 */
position: relative;
}
.content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* 這個元素的高度就會被設置為父元素的高度了 */
}

上面的代碼就是使用Height Equals Width(Auto)屬性來設置元素的高度與兄弟元素的高度相等。首先，我們需要設置父元素的高度為0，然后將padding-bottom屬性設置為父元素寬度的50%，這里需要注意的是，這個50%值是相對于父元素的寬度而言的，因此我們實際上就是將父元素的高度設置為了它的寬度的一半。

接著，我們將子元素的定位設置為絕對定位，并且將上下左右四個位置都設置為0，這樣子元素就會充滿整個父元素的空間，從而實現了高度等于兄弟元素的效果。

總的來說，Height Equals Width(Auto)屬性非常實用，不僅僅可以用來響應式布局，還可以用來實現各種有趣的界面效果。相信通過這篇文章的介紹，大家已經掌握了這個屬性的使用方法，以后在寫CSS的時候就能更加得心應手了。