CSS中，設置元素高度等于父元素高度的方法有很多種。下面我們來一一介紹。

//方法一：使用height:100%
.parent{
height: 500px;
}
.child{
height: 100%;
}

這種方法使用百分比的方式設置子元素高度，可以將其高度設置為與父元素一致。需要注意的是，父元素的高度必須給定一個具體的值。

//方法二：使用絕對定位和top、bottom屬性
.parent{
position: relative;
height: 500px;
}
.child{
position: absolute;
top: 0;
bottom: 0;
}

這種方式使用絕對定位和top、bottom屬性來實現。將子元素的上下定位屬性設為0，就可以讓子元素高度與父元素一致。

//方法三：使用flexbox布局
.parent{
display: flex;
height: 500px;
}
.child{
flex: 1;
}

這種方式使用flexbox布局，子元素通過flex屬性的值來實現高度等于父元素。當子元素的flex值為1時，它會占據整個父元素的高度。

//方法四：使用grid布局
.parent{
display: grid;
height: 500px;
}
.child{
grid-row: 1/2;
}

這種方式使用grid布局。將子元素的grid-row屬性設為1/2，就可以讓其占據整個父元素的高度。