Question

我有以下这两个标识符的div：

.locations_wrapper

和

#tenn_location_wrapper

后者的height设置为600px，前者的高度设置为500px。我已将overflow-y:hidden设置为每个div标识符，但是当在Chrome中呈现div时，高度为2215px。有没有办法阻止它扩展到这个高度并遵守签名height值？

这是HTML和CSS的小提琴：

N.B。小提琴并没有完全说明问题，因为大小为2048px * 1365px的Bg图像无法渲染。

我的<body>标记在其子代locations_wrapper的中间结束。但是，当我增加body元素的height使其不会溢出时，其子元素的高度仍然没有强制执行。

Answer 1

问题在于你的

#tenn_location_wrapper {
    display:table !important
}

.locations_wrapper {
    display:table !important
}

您可以将其替换为display:block，并且您会看到它已修复。仅使用表格来使用表格数据，因为使用它们来设置页面样式会导致很多问题。