在CSS中設計網頁時，我們可能會遇到底部按鈕擋住內容這樣的問題。這種情況通常出現在網頁底部設置了固定位置的按鈕，并且按鈕與底部內容的高度相同或超過。那么，有什么解決方案呢？

以下代碼演示了一個底部按鈕擋住內容的例子：

<div class="wrapper">
<p>這里是底部內容</p>
</div>
<div class="btn-fixed">
<p>點擊按鈕</p>
</div>

我們可以嘗試通過給底部內容加上一個空白區域將其頂上去，從而避免按鈕擋住內容。代碼如下：

.wrapper {
padding-bottom: 100px; /* 加上一個空白區域 */
}
.btn-fixed {
position: fixed;
bottom: 0;
height: 100px;
width: 100%;
background: pink;
}

在上述代碼中，我們給底部內容.wrapper加上了100px的padding-bottom來增加一個空白區域，使內容可以被按鈕避開。同時，我們也可以調整按鈕的高度來避免與內容重疊，而保持按鈕的位置仍然固定在底部。

需要注意的是，在使用padding-bottom時，要根據實際情況設置具體數值。

最后，我們通過以上方法可以輕松解決底部按鈕擋住內容的問題，使網頁的設計更加完美。