css怎么设置滚动屏幕 |杜瑶 css

.container {
height: 200px; /* 设置容器的高度 */
overflow-y: scroll; /* 显示垂直滚动条 */
}

上面代码中，大家将容器的高度设置为 200 像素，并使用 overflow-y 属性来显示垂直滚动条。当容器内的内容超过容器高度时，就会自动出现滚动条。

第二种方式是使用 vh 和 vw 单位。这种方式可以让页面根据当前设备的屏幕尺寸自适应，不用考虑容器的高度。

.container {
height: 100vh; /* 设置容器的高度为屏幕的高度 */
}

上面代码中，大家使用 vh 单位将容器的高度设置为屏幕的高度。这样就可以根据屏幕大小自适应地显示内容，并且不用担心内容超出容器而出现滚动条。

总之，无论大家使用什么方式，都可以用 CSS 来实现滚动屏幕的效果。大家可以根据具体的项目需求选择不同的方法。