Css 如何在网页中获得垂直滚动？

我做了一个网页： 但在缩小浏览器窗口时没有垂直滚动条。 如何获得垂直卷轴

我的style.css文件如下所示：

非常感谢

希望这对您有所帮助！！ 只需使用main类的css将这一行添加到DIV中

overflow-y: scroll;

就是这样：您的左平移将是可滚动的。 如果想要一些时尚的滚动条，那么在CSS文件的开头添加这些行

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px greenyellow; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: orange; 
    -webkit-box-shadow: inset 0 0 6px blueviolet; 
}
::-webkit-scrollbar-thumb:window-inactive {
        background: yellow; 
}

希望这能对你有所帮助！！ 只需使用main类的css将这一行添加到DIV中

overflow-y: scroll;

就是这样：您的左平移将是可滚动的。 如果想要一些时尚的滚动条，那么在CSS文件的开头添加这些行

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px greenyellow; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: orange; 
    -webkit-box-shadow: inset 0 0 6px blueviolet; 
}
::-webkit-scrollbar-thumb:window-inactive {
        background: yellow; 
}

---

对于只有垂直滚动，我们可以在css中使用overflow-y属性。。它将其限制为仅垂直滚动。

对于仅垂直滚动，我们可以在css中使用overflow-y属性。。它将滚动条限制为单独垂直滚动。

滚动条是隐藏的，因为您显式地隐藏了它

如果您去掉第24行的partoverflow:hidden，您应该会看到您的滚动条。您的第24行应该如下所示：

body{ margin: 0;padding: 25px 0px 0px 30px; }

---

滚动条是隐藏的，因为您显式地隐藏了它

如果您去掉第24行的partoverflow:hidden，您应该会看到您的滚动条。您的第24行应该如下所示：

body{ margin: 0;padding: 25px 0px 0px 30px; }

---

据我所知，您已将溢出设置为隐藏。据我所知，您已将溢出设置为隐藏。