如何使用CSS拉伸？CSS能夠為我們提供很多的布局選擇，包括內容的拉伸。

代碼如下：
.container{
display:flex; /*設定容器為彈性布局*/
flex-direction:column; /*設定主軸方向為垂直方向*/
height:100vh; /*設定高度為窗口視口高度*/
}
.content{
flex-grow:1; /*將伸長屬性設為1，使其填滿剩余空間*/
}

以上代碼表示，我們需要將容器設定為彈性布局，使得內部元素可以自動伸展。然后我們通過設定flex-grow屬性將內部的內容盒子自動填滿剩余空間。

這種設計方法在網頁中常常使用，它可以幫助我們實現自適應的設計效果，特別是對于內容區域的閱讀體驗有很大的幫助。