CSS中的高度（height）屬性是用來指定一個元素的高度的，但是很多時候我們需要讓一個元素的高度與其父元素的高度相同。這時候就需要用到CSS的特殊單位-百分比（%）。

通過設置子元素的高度為父元素高度的百分比，就可以實現元素高度與父元素相同的效果。

.parent {
height: 400px;  /* 父元素高度 */
background-color: #ccc;
}
.child {
height: 100%;  /* 子元素高度設置為父元素高度的100% */
background-color: #f0f0f0;
}

上面的代碼中，父元素的高度為400px，子元素的高度設置為100%。這樣，在不考慮父元素有padding、border和margin的情況下，子元素的高度就與父元素相同。

需要注意的是，當父元素存在padding、border和margin時，子元素的高度會受到影響。此時，可以使用CSS的calc()函數來計算子元素的高度。

.parent {
height: 400px;  /* 父元素高度 */
padding: 20px;  /* 父元素padding */
background-color: #ccc;
}
.child {
height: calc(100% - 40px);  /* 子元素高度設置為父元素高度減去padding的值 */
background-color: #f0f0f0;
}

上面的代碼中，父元素的padding為20px，子元素的高度通過calc()函數計算得到，減去了父元素的padding值（40px）。

通過以上的方法，就可以輕松實現讓元素的高度與其父元素相同的效果。