我这个哪里出问题了
来源：3-12 自由编程
Ting111
2020-05-21 15:22:20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=0f998f9551f6d07368bf11de35aae4e7"></script>
<style type="text/css">
#ditu{
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<div id="ditu"></div>
<script type="text/javascript">
var map=new AMap.Map('ditu');
</script>
</body>
</html>写回答
2回答
-
好帮手慕粉
2020-05-21
同学你好，同学是给容器container设置了定位吗？如果是这样的话，这是因为给父容器container设置了定位以后，就脱离了文档流，漂浮在了上面，如果不给地图上的内容设置定位的话，内容就会被容器container覆盖。由于没有同学的代码，不知道同学具体是怎么实现的，同学可以尝试将各个定位去掉比较下结果。
祝学习愉快~
0 -
好帮手慕粉
2020-05-21
同学你好，我们可以按f12打开控制台查看下，容器的高度是0：
因为同学设置的容器的高度是父元素的100%，也就是body的100%，而body的高度是由内容撑开的，容器里面没有内容，所以body的高度就是0，那么容器的高度也会是0。可以给body、html设置一个高度，让其是浏览器可视页面的100%：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
0h020-05-21
相似问题