Javascript 网格中只有一列的滚动条

我已经用引导网格将页面分成两个相等的列。。我希望滚动条用于第1列，而不是整个页面。。在第1列中，我有图形的网格视图，在第2列布局中，我只有一个表

我想知道如何为column1单独添加滚动条，而不是为整个页面添加滚动条

我面临的问题是，即使我给overflow:auto-to-column1div设置了overflow:auto-to-column1div，我还是会得到整个页面的滚动条

代码： html:

---

您需要设置“最大高度”以触发溢出，还需要设置“溢出”以滚动。 这是一段经过编辑的代码片段

.second-row{
        overflow:auto;
     }
     .col-md-6.column1{ 
        max-height: 500px;
        background-color:black; 
        overflow: scroll; 
         padding: 0 0 0 0;
   }

---

您需要设置“最大高度”以触发溢出，还需要设置“溢出”以滚动。 这是一段经过编辑的代码片段

.second-row{
        overflow:auto;
     }
     .col-md-6.column1{ 
        max-height: 500px;
        background-color:black; 
        overflow: scroll; 
         padding: 0 0 0 0;
   }

如果百分比不起作用，您可以按如下方式使用“vh”：

.col-md-6.column1{ 
    max-height: 70vh;
    background-color:black; 
    overflow: auto; 
    padding: 0 0 0 0;

}

为了从页面的整个“正文”中删除滚动条，您需要在其中添加“溢出：隐藏”，例如

body{
   overflow: hidden;
}

如果百分比不起作用，您可以按如下方式使用“vh”：

.col-md-6.column1{ 
    max-height: 70vh;
    background-color:black; 
    overflow: auto; 
    padding: 0 0 0 0;

}

为了从页面的整个“正文”中删除滚动条，您需要在其中添加“溢出：隐藏”，例如

body{
   overflow: hidden;
}

---

请发布您的尝试，注意输入和预期输出。当第二列高度大于显示大小时，会出现什么情况？如果出现多次，则整个页面将出现滚动条。如何使第二列的大小与显示页面的大小相同。如果不出现滚动条，请发布您的尝试，注意输入和预期输出。当第二列的高度大于显示大小时，会出现什么情况？如果超过，则整个页面将出现滚动条。如何使第二列的大小与显示页面的大小相同..不应导致滚动条如何删除整个页面滚动条。我想显示页面内的内容，如果我提到最大高度百分比，它不工作1。页面滚动条不会显示元素是否适合页面的可见高度。如何删除整个页面滚动条。我想显示页面内的内容，如果我提到最大高度百分比，它不工作1。页面滚动条将不显示元素是否适合页面的可见高度。“vh”根据屏幕大小以百分比计算高度。您可以将70vh值从1更改为100，确保在公共样式表中更改body{overflow:hidden}可能会影响您的所有项目。因此，我建议您以内联方式将其添加到页面元素“body”标记上。“vh”以屏幕大小的百分比计算高度。您可以将70vh值从1更改为100，确保在公共样式表中更改body{overflow:hidden}可能会影响您的所有项目。因此，我建议您以内联方式将其添加到页面元素“body”标记上。