我正在尝试为我的Javascript程序添加一个菜单,允许用户执行各种不同的操作。我不是一个HTML大师,所以我不知道如何将菜单保持在页面的顶部和右侧。我尝试使用div,但它只是把它放在地图下而不是右边。这是浏览器中的外观截图:
右边的空格是我想放菜单的地方。谁能提供一个如何在那里放一张桌子的例子?以下是我的HTML正文如下:
<body onload="initMap()">
<div id="map_canvas" style="width:85%; height:100%"></div>
</body>
为了让两个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="wrapper"> <!-- not strictly necessary, but good practice IMHO -->
<div id="map_canvas" style="float:left; width:80%; height:100%">
</div>
<div id="your-new-div" style="float:right; width:15%;">
</div>
</div>
</body>
一个div在这里比一张桌子更好的解决方案......试试上面的内容让我知道你是怎么做出来的。
浮动:右侧将菜单粘贴到屏幕的右侧。我总是设置我的总宽度略小于100% - 这样,当你不可避免地添加填充/边距时,你会有一些摆动空间。