在我們的日常前端開發中，CSS的作用不可謂不重要。它可以為網頁增添色彩和美感，還可以讓頁面更加具有層次感。但是，在使用CSS時，我們有時會遇到一些困難。

其中之一就是：“如何設置一個子元素的高度，讓它跟父元素的高度相同？”這個問題，尤其在響應式網頁設計中尤為常見。

.parent {
height: 600px;
padding: 20px;
}
.child {
height: 100%;
background-color: #FFA07A;
}

上述代碼中，我們給父元素（class為parent）設置了600px的高度和一些padding。我們想讓子元素（class為child）與父元素的高度相同，所以我們使用了height: 100%的方式來定義子元素的高度。

然而，在實際應用中，這種方式并不能正常工作。因為子元素的高度是相對于父元素的高度，而父元素的高度包括了padding，所以實際上子元素的高度比父元素的高度要小。

那么，該如何解決這個問題呢？我們可以使用一種稱之為“絕對定位”（absolute positioning）的CSS技術。

.parent {
height: 600px;
position: relative;
}
.child {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFA07A;
}

上述代碼中，我們給父元素添加了一個position: relative的屬性，然后在子元素中使用了position: absolute，再設置了top、left、right、bottom都為0。這樣，子元素就會根據父元素的定位來進行尺寸調整，從而達到高度等于父元素高度的效果。

上述兩種方式雖然在理論上實現的效果是一樣的，但實際上絕對定位更加靈活，可以適用于更多的實際應用場景。總之，不管哪種方法，都可以讓子元素的高度跟父元素保持一致，讓我們的網頁顯示更加美觀。