HTML"；分区；无法在小型监视器上显示全高

我有两台显示器。一个是24英寸，另一个是我的笔记本电脑显示器（12.5英寸）。我的web应用程序中的一个“div”（红色框）可以显示在大屏幕的全高上，但在我的小屏幕上只能显示其中的一部分

我的问题是为什么它在不同大小的显示器上显示不同？因为我的css中的所有高度设置都是百分比，我从来没有使用绝对数作为高度。为什么红色框（div id为“scrollTable”）在不同大小的显示器上显示不同？由于此问题，即使将div滚动到底部，也无法完全显示此“div”中的动态表。动态表的行号取决于用户的搜索结果，可能只有1或2行，有时可能超过30或40行。请参阅下面的css和html。谢谢你的帮助

html，
身体{
填充：0；
保证金：0；
身高：100%；
宽度：100%；
溢出：隐藏；
}
标题{
身高：6%；
边际：0px；
填充：0.2px；
左侧填充：6px；
文本对齐：左对齐；
垂直对齐：中心对齐；
背景#8a1841；
颜色：木瓜鞭；
显示：块；
}
#nsmap{
浮动：左；
左：0；
宽度：80%；
底部：0；
身高：94%；
}
#搜索面板{
填充：3倍；
浮动：对；
身高：94%；
宽度：20%
}
#主页按钮{
位置：绝对位置；
顶部：135px；
左：20px；
z指数：50；
}
标签{
字体大小：10px；
字体大小：粗体；
文本对齐：居中；
}
table.imagetable{}
table.imagetable tr td{
边框：1px实心#000000；
文本对齐：居中；
填充：8px；
字体大小：10px；
}
表4.1.1.1.1表th{
边框：1px实心#000000；
文本对齐：居中；
填充：8px；
字体大小：10px；
}
table.imagetable tr:n子级（偶数）{
背景色：#92c8da；
}
table.imagetable t车身tr：悬停{
背景色：#EBECCD；
}
.cboWidth{
边框：1px实心#000000；
宽度：100%；
}
.CC1表1{
身高：77%；
}
#滚动表{
边框：2倍纯红；
最高高度：80%；
最小高度：80%；
宽度：100%；
溢出y：自动；
溢出-x：自动；
}
#街钥匙{
宽度：100%；
}
.30{
宽度：30%；
}
.二十{
宽度：20%；
}
.15{
宽度：15%；
}
泰德{
能见度：可见；
}
.dijitButtonNode{
宽度：160px；
高度：25px；
文本对齐：左对齐；
字体大小：16px；
边界：隐藏；
}
.dijitButtonNode:悬停{
字体大小：粗体；
}
.中心{
显示：块；
左边缘：52%；
宽度：45%；
}
#tbPrint{
边界：0px；
填充：8px；
最小宽度：350px；
最大宽度：350px；
}
.tdPrint{
边界：0px；
文本对齐：左对齐；
填充：0px；
字体大小：10px；
最大宽度：140像素；
最小宽度：140px；
}
#trPrint{
背景色：白色；
}

网上地图册
网上地图指南
选择选区：




选择轮询分区：




打印地图或街道索引：
印刷品




街道钥匙



街道钥匙
街头
城镇
低号。
高号。
命令

当您使用100%时，意味着您将获得div父级的全部高度。如果希望始终在视口中显示div，请尝试使用以下单位：

vh

它们的意思是：视口高度，因此，如果您设置

高度：100vh

，则div将始终适合视口，无论屏幕是什么：

---

你是说这个吗？-抱歉迟到了。谢谢你的回答。它正在工作！