在HTML中，每個元素都有自己的高度和寬度。但是當我們使用CSS來設計網頁時，有時候需要設置一個元素的高度和其父元素的高度相同，這時候就需要使用一些技巧來實現。

.parent {
height: 300px;
position: relative;
}
.child {
height: 100%;
position: absolute;
top: 0;
left: 0;
}

上面的代碼中，我們設置了父元素的高度為300px，然后在子元素中設置了高度為100%。但是由于子元素的高度是相對于父元素的高度計算的，因此需要將父元素的位置設置為相對定位，然后將子元素設置為絕對定位并且距離頂部和左側的距離都為0。

此外，還有一種方法可以實現子元素的高度和父元素相同，就是使用flex布局。

.parent {
height: 300px;
display: flex;
}
.child {
flex: 1;
}

上面的代碼中，我們使用了flex布局來讓子元素和父元素保持比例。設置父元素為flex布局后，子元素會自動填充剩余的空間，從而實現與父元素相同的高度。

總的來說，實現元素高度和父元素相同的方法有很多種，需要根據實際情況選擇最合適的方式。