CSS如何鋪滿整個屏幕？這通常是我們在設計網站時需要解決的問題。本文將介紹幾種常見的方法來實現這個目標。

方法一：使用CSS樣式表

html, body {
height: 100%;
margin: 0;
padding: 0;
}
.wrapper {
min-height: 100%;
margin-bottom: -50px; /* 滾動條的高度 */
}
.footer,
.push {
height: 50px;
}

這種方法需要在html和body標簽中添加height:100%的樣式，并在wrapper容器中添加min-height:100%的樣式。這個容器將被用于包含所有內容。接下來，為了解決滾動條，需要在footer容器和push類中添加一個高度為50px的樣式。如果您不需要滾動條，可以刪除push類。

方法二：使用viewport單位

body {
height: 100vh;
margin: 0;
padding: 0;
}

viewport單位是CSS3新增的一種單位，可以用來設置元素的寬度和高度，以相對于視口的尺寸進行設置。其中1vh表示視口高度的1%。通過使用height:100vh的樣式，可以實現鋪滿整個屏幕的效果。

方法三：使用flexbox布局

html, body {
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.wrapper {
flex-grow: 1;
}

使用flexbox布局可以很容易地實現幾乎所有鋪滿整個屏幕的設計。將html和body標簽的高度設置為100%，并將它們的樣式設置為display:flex和flex-direction:column。在容器中，將flex-grow設置為1，以使其占據剩余的空間。

以上是幾種常見的方法，具體實現取決于您的設計需求和代碼結構。希望這篇文章能夠對您有所幫助。