使用CSS使div可垂直滚动

尝试这样。

<div style="overflow-y: scroll; height:400px;">

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：将此属性设置为其默认值。





继承从其父元素继承此属性。