css怎么只固定上下滑 |css ul li 竖向

html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
}
.content {
flex: 1;
overflow-y: scroll;
}

首先，大家需要给 HTML 和 body 元素设置高度为 100%，并且去掉它们的 margin 和 padding。然后，大家将 body 元素的 display 属性设置为 flex，表示它的子元素将使用弹性布局。大家将 flex-direction 属性设置为 column，表示它的子元素将按照列的方式布局。

接下来，大家需要在 body 元素中加入一个 div 元素，它的 class 属性设置为 content。大家将这个 div 元素的 flex 属性设置为 1，表示它将占据 body 元素剩余的空间。大家将 overflow-y 属性设置为 scroll，表示这个 div 元素将在垂直方向上出现滚动条。

现在，大家只需要将网页的内容放到这个 div 元素中，它将只在垂直方向上滑动。

这就是如何只固定网页在上下滑的全部内容。希望这篇文章对你有所帮助！