對于初學者來說，CSS居中元素是一個常見的問題。當我們想要讓元素在頁面中居中時，我們通常會使用以下的代碼：

.parent {
display: flex;
justify-content: center;
align-items: center;
}

這段代碼將父元素設置為彈性布局，通過justify-content和align-items屬性將子元素水平和垂直都居中。但是，很多時候這段代碼并沒有達到我們想要的效果，元素并沒有居中。

這是因為我們可能忽略了其他因素，例如元素的寬度和高度。

.child {
width: 50px;
height: 50px;
background-color: red;
}

在這個例子中，我們設置了子元素的寬高為50px，但是由于我們沒有設置父元素的寬高，所以父元素的寬度和高度將默認為內容的寬高。因此，父元素的寬高不能撐起子元素。即便使用了彈性布局，也無法讓子元素居中。

正確的方法是設置父元素的寬高為100%。

.parent {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

使用這種方法，父元素能夠完全撐起子元素，從而讓子元素居中。

總之，居中元素需要考慮父元素和子元素的寬高，只有將它們都設置正確，才能讓元素居中。