在網頁設計中，經常需要讓一個div元素沉底，以實現UI界面設計和網站樣式的要求。下面是關于如何通過CSS實現div元素沉底的方法。

.container{
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

上述代碼中，我們定義了一個容器元素，其高度被設置為100%，同時使用了flex布局。flex-direction屬性被設置為column，表示將flex容器元素內的子元素沿主軸（即垂直方向）排列。justify-content屬性被設置為flex-end，表示垂直方向上所有子元素將沿底部對齊。

通過以上代碼，一個div元素可以輕松地沉底，以實現網頁UI設計和樣式的要求。同時，以上方法也可以應用于其他容器元素上，具有較高的靈活性和適用性。