如何在 CSS 中創建垂直滾動的 Div？

在 CSS 中建立垂直捲動的 Div

建立要可捲動的 div 時，了解溢位屬性非常重要。預設情況下，overflow:auto允許內容延伸到div的邊界之外，並為水平軸和垂直軸建立捲軸。要將滾動限制為僅垂直軸，您需要使用overflow-y。

Overflow-y：滾動

使用overflow-y：滾動強制垂直軸無論內容是否超過 div 的高度，滾動條都會出現。當您想要確保垂直捲軸始終可見時，即使內容沒有超出 div 的高度，這也很有用。

Overflow-y: Auto

如果你希望只有當內容超過div的高度時才出現垂直滾動條，請使用overflow-y: auto。這允許內容在到達 div 末尾時自動中斷到下一行，從而防止水平捲軸。但是，如果內容超過 div 的高度，垂直捲軸將變得可見。

範例程式碼

要建立只能垂直捲動的div，請使用以下CSS：

<pre class="brush:php;toolbar:false">
div {
  overflow-y: auto;
  height: 400px;
}

此程式碼將產生一個div，當內容超過div的高度時，該div允許垂直滾動400px，同時防止水平滾動。

以上是如何在 CSS 中創建垂直滾動的 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！