Google地图重叠到下面的div

Question

我正在尝试显示两个div之间的Google地图，但该地图似乎与其下方的div重叠。我在组件上尝试了一堆样式，但是它不想占用全部空间，并且总是与下一部分重叠。这可能是因为包中组件中的div没有被覆盖，这些问题可能引用了这些

• https://github.com/fullstackreact/google-maps-react/pull/208
• https://github.com/fullstackreact/google-maps-react/issues/298
• https://github.com/fullstackreact/google-maps-react/issues/335

查看我的代码沙箱以获取完整的示例：https://codesandbox.io/s/compassionate-wildflower-zkt8b

希望为此找到一个快速的解决方案，我觉得这对于它的普遍性应该不那么困难，所以也许我错过了一些东西。有什么帮助，谢谢！

Answer 1

尝试一下：

type PeopleGroupedByGender = {
  [key in keyof typeof Gender]: Person[]
}

更新的代码here。