CSS是一種描述HTML文檔如何顯示的樣式語言。它可以讓我們控制文檔的外觀、布局、顏色和字體等方面。

CSS定位是一種控制元素在頁面上位置的方式。我們可以使用不同的CSS定位屬性來實現元素的定位，比如position、top、left、right、bottom等。

然而，有時候我們在使用CSS定位時可能會遇到一些問題，比如元素定位了卻不顯示在頁面上。下面我們來探討一下這種情況出現的原因及解決方法。

.box{
position: absolute;
top: 50px;
left: 50px;
}

上面的代碼表示，我們想把class為box的元素定位在距離瀏覽器頂部50px、距離瀏覽器左邊50px的位置。然而，當我們運行代碼后，發現該元素并沒有按照我們的設想出現在頁面上。

這個問題的出現有可能是因為當前元素的父元素沒有設置position屬性。在定位元素時，position屬性所指定的參照物就是它的父元素。如果父元素沒有設置position屬性，那么定位元素的位置就會受到影響。

因此，我們可以給定位元素的父元素也設置一個position屬性，比如relative。這樣，定位元素就可以正常顯示在頁面上了。

.parent{
position: relative;
}
.box{
position: absolute;
top: 50px;
left: 50px;
}

上述代碼表示，我們給class為parent的父元素也設置了一個position屬性，并將其設為relative。這樣，box元素就可以按照我們預設的位置，出現在頁面上了。

當然，CSS定位的問題不止這一個。在實際開發中，我們可能會遇到更多類似的問題。需要我們根據具體情況，進行不斷的排查和實驗，才能找到解決問題的最佳方法。