CSS固定底部欄是一種使用CSS實現底部欄的固定效果的方法，可以讓底部欄在瀏覽器窗口的大小變化時不會受到影響。這種方法通常用于需要在網頁中顯示固定的底部欄，例如用于導航、廣告等。

下面將介紹如何使用CSS來固定底部欄。

1. 使用絕對定位

可以使用CSS中的絕對定位來將底部欄定位到頁面底部。可以使用以下代碼來實現：

```css

bottom: 0;

position: absolute;

width: 100%;

在上面的代碼中，`bottom`屬性設置為0，表示底部欄應該位于頁面底部。`position`屬性設置為`absolute`，表示底部欄應該使用絕對定位。`width`屬性設置為100%，表示底部欄的寬度應該等于頁面的寬度。

2. 使用Flexbox布局

可以使用Flexbox布局來將底部欄分組并固定在一起。可以使用以下代碼來實現：

```css

display: flex;

flex-direction: column;

align-items: center;

在上面的代碼中，`display`屬性設置為`flex`，表示應用Flexbox布局。`flex-direction`屬性設置為`column`，表示底部欄應該按照行排列。`align-items`屬性設置為`center`，表示應該將底部欄居中對齊。

3. 使用盒子模型

可以使用盒子模型來將底部欄盒子化并固定在一起。可以使用以下代碼來實現：

```css

body {

margin: 0;

padding: 0;

background-color: #f2f2f2;

.bottom-欄 {

display：盒子；

position: absolute;

width: 100%;

height: 100vh;

background-color: #fff;

box-shadow: 0px 0px 10px rgba(0,0,0,0.2);

在上面的代碼中，`display`屬性設置為`盒子`，表示應用盒子模型。`position`屬性設置為`absolute`，表示底部欄應該使用絕對定位。`width`屬性設置為100%，表示底部欄的寬度應該等于頁面的寬度。`height`屬性設置為100vh，表示底部欄的高度應該等于頁面的高度。`background-color`屬性設置為黑色，表示底部欄的背景顏色。`box-shadow`屬性用于添加陰影效果，表示底部欄的周圍應該有一個陰影。

通過使用CSS的這些方法，可以靈活地固定底部欄，并在瀏覽器窗口的大小變化時不會受到影響。