我有以下带有这两个标识符的div：
.locations_wrapper
和
#tenn_location_wrapper
后者的height设置为 600px，前者的高度设置为 500px 。我已经为每个div标识符设置了overflow-y:hidden，但是，当div 在 Chrome 中呈现时，高度是 2215px .有没有办法防止它扩展到这个高度并坚持已签署的height价值观？
以下是对HTML和CSS的摆弄：
https://jsfiddle.net/ft74v68f/2/
注意：小提琴并没有完全说明这个问题，因为大小为 2048px * 1365px 的 Bg 图像没有渲染。
我的<body>标签在其子项的中间结束，locations_wrapper .但是，当我增加身体元素的height使其不会溢出时，其子元素的高度仍然没有强制执行。
问题在于你的
#tenn_location_wrapper {
display:table !important
}
.locations_wrapper {
display:table !important
}
你用 display:block 替换它，你会看到它是固定的。仅使用表格来使用表格数据，因为使用表格设置页面样式会导致很多问题。