Html 在屏幕的右半部分放置6个可滚动的表格，一个在另一个下面

我需要放置6个用户定义的asp.net表（每个表都在一个div中），以便它们占据屏幕的右半部分，并且这些表一个放在另一个下面。此外，每个表都可以滚动，因为每个表至少有20个条目

我使用以下div类，但只有前两个表一个放在另一个下面。其他四个到处都是

.Occupy_Right_Half {
 float:right;
 overflow:hidden;
}

#scroll {
overflow-y: auto;
 height:400px;
 width:42%;   
border-bottom: 2px solid grey;
}

---

我很少使用css，所以请原谅我这个问题。

你在找这样的东西吗

.tables{
宽度：50%；
浮动：对；
}
.表格组{
高度：300px；
边框：1px纯黑；
边框底部：无；
}
.tables分区：最后一个孩子{
边框底部：1px纯黑；
}

嗨，迈克，非常感谢你的解决方案。效果很好，但有一个问题。当这些表中的任何一个为空时，将显示两个滚动条。我基本上是从不同的数据库表中获取数据，并显示在所有这些表中。所以对于六个表，我现在有12个滚动条。右侧各2个。我遗漏了什么吗？试着用“overflow:hidden；”而不是“overflow-y:auto；”那么？你有链接吗？或者你能分享一些代码吗？或者用JSFIDLE来演示这个问题吗？我找到了！不知何故，它认为在另一个div中有一个div。因此每个表有两个滚动条。我将.tables div更改为.tables div（另一个类），并将其用于所有表div。它仍然在测试它的思维！