这个
<div id="" style="overflow:scroll; height:400px;">给出了一个div用户可以水平和垂直滚动的功能。如何更改它以便div 仅可垂直滚动？
使用CSS使div可垂直滚动
第1939篇《使用CSS使div可垂直滚动》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
共5个回答
overflow-y: auto;在div上使用。
另外，您还应该设置宽度。
对于100％的视口高度，请使用：
overflow: auto;
max-height: 100vh;
对我来说，所有这些答案的问题是它们没有响应。我必须为父div设置一个固定高度，这是我所不希望的。我也不想花很多时间在媒体查询上。如果您使用的是angular，则可以使用bootstraps tabset，它将为您完成所有艰苦的工作。您将能够滚动内部内容，并且它将是响应性的。设置标签时，请按以下步骤操作：$scope.tab = { title: '', url: '', theclass: '', ative: true };...重点是，您不需要标题或图像图标。然后像这样在CS中隐藏选项卡的轮廓：
.nav-tabs {
border-bottom:none;
}
还有这个.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border:none;}
，最后删除不可见的选项卡，如果您未实现此选项，则仍然可以单击该选项卡：.nav > li > a {padding:0px;margin:0px;}
您可以改用此代码。
<div id="" style="overflow-y:scroll; overflow-x:hidden; height:400px;">
overflow-x：overflow-x属性指定如何处理内容的左/右边缘（如果它使元素的内容区域溢出）。
overflow-y：overflow-y属性指定如何处理内容的顶部/底部边缘（如果它使元素的内容区域溢出）。可见
值：默认值。内容不会被剪切，并且可以在内容框外呈现。hidden：内容被剪切-不提供滚动机制。scroll：内容被剪切并提供滚动机制。auto：应为溢出的框提供滚动机制。initial：将此属性设置为其默认值。
继承从其父元素继承此属性。
相似问题
问题类别
尝试这样。