Javascript 谷歌地图右侧的HTML内容_Javascript_Html_Google Maps

Javascript 谷歌地图右侧的HTML内容

javascript html google-maps

Javascript 谷歌地图右侧的HTML内容,javascript,html,google-maps,Javascript,Html,Google Maps,我正在尝试向Javascript程序添加一个菜单，允许用户执行各种不同的操作。我不是一个HTML专家，所以我不知道如何将菜单保持在页面的顶部和右侧。我试着使用div，但它只是把它放在地图下面，而不是右边。以下是它在浏览器中的屏幕截图：右边的空白是我想放菜单的地方。有人能举个例子说明我是如何在那里摆桌子的吗？下面是我的HTML的主体现在的状态： <body onload="initMap()"> <div id="map_canvas" style="width:

我正在尝试向Javascript程序添加一个菜单，允许用户执行各种不同的操作。我不是一个HTML专家，所以我不知道如何将菜单保持在页面的顶部和右侧。我试着使用div，但它只是把它放在地图下面，而不是右边。以下是它在浏览器中的屏幕截图：

右边的空白是我想放菜单的地方。有人能举个例子说明我是如何在那里摆桌子的吗？下面是我的HTML的主体现在的状态：

  <body onload="initMap()">
    <div id="map_canvas" style="width:85%; height:100%"></div>
  </body>

在这里，div是比桌子更好的解决方案……试试上面的方法，让我知道你是怎么做的

float:right将把菜单粘贴到屏幕的右侧。我总是将我的总宽度设置为略小于100%——这样，当不可避免地添加填充/边距时，您将有一点摇摆的空间。

要使两个DIV并排（接触），我通常将两者都设置为浮动：左。大概是这样的：

   <body onload="initMap()">
    <div id="map_canvas" style="float:left; width:85%; height:100%"></div>
    <div id="map_side" style="float:left; width:15%; height:100%"></div>
   </body>

如果在第二个div上指定float:right，它将“粘贴”到浏览器窗口的右侧，而不是它旁边的div

   <body onload="initMap()">
    <div id="map_canvas" style="float:left; width:85%; height:100%"></div>
    <div id="map_side" style="float:left; width:15%; height:100%"></div>
   </body>