Question

我正在尝试使用this Demo处的两个部分制作一个响应式页面，作为：
1-地图视图
2-表格视图
两个视图（表格和地图div必须是响应式的 - 没有硬编码高度），因此地图div大小将从视口自动调整。现在，你可以看到我做了硬编码。你能告诉我如何解决它吗？

还有两个按钮控件"gomap"和"gotable"，我可以将gomap放在第二个div（表格）上，但在添加第一个控件时没有成功。

<!DOCTYPE html>
<html>
 <head></head>
 <body>
   <div id="map"></div>
   <div id="table"></div>
 </body>
</html>

谢谢，

Answer 1

像this这样的东西？设置position:absolute可以将高度设置为百分比。并且你的按钮没有淡入，因为scrollTo在另一个按钮的同时被设置为淡入淡出。