CSS中常見的一個問題是，當我們設置了該元素的絕對定位后，往往會出現底部跑到盒子上的情況。這是因為絕對定位的元素脫離了文檔流，無法根據父元素進行定位。

解決這個問題可以通過以下兩種方式：

.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}

以上代碼中，父元素設置了相對定位，子元素則使用絕對定位。并且通過設置子元素的bottom屬性為0，將其固定在父元素的底部。

.parent {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

另外一種方式則是使用Flex布局。我們可以使用flex-direction屬性將父元素設置為縱向排列，并將子元素的位置設置為底部（即使用justify-content屬性設置為flex-end）。這樣子元素就能夠自動靠在父元素的底部了。

綜上所述，CSS底部跑到盒子上的問題可以通過以上兩種方式來解決。具體使用哪種方式取決于項目需求和個人喜好。