如何在表单字段下放置地图div？

Question

所以这是页面的外观，我想将地图放置在表单中的坐标字段下方吗？我对样式有点陌生，所以请大家帮我实现这一目标。该网页的原始资源已粘贴到下面的js小提琴链接中。https://jsfiddle.net/arcv8eLz/2/

<div>
    <p class="hilite">Example of code</p>
</div>
<div>
    <span class="hilite">More example of code</span>
</div>

.hilite {
    background-color: yellow;
}

上面的代码只是一个伪代码，用于发布此问题，对不起，不要生气，我想不出其他任何东西

Answer 1

从地图上删除绝对位置，并给它一些高度：

https://jsfiddle.net/Sixtus78/wvpc9mt3/3/

<style>
#mapDiv {
  z-index: 1;
  background-color: grey;
  box-shadow: 3px 3px 10px 1px;
  overflow: hidden;
  height: 300px;
}
</style>