我有一个<div>元素，我在其中加载cytoscape.js，这只是绘制图形的工具。
在此<div>元素的上角，我想要一些按钮（<button type="button" class="btn btn-primary">等）。
我想要像this example这样的东西。在示例中，cytoscape元素位于<h1>元素之上，因为<div>元素具有position: absolute; height: 100%; z-index: 999; ...。我希望它颠倒过来，所以其他元素位于cytoscape画布的顶部。
我还想要一个顶级导航栏。
我想我应该使用像
这样的东西<div id="navbar" style="position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 50px;>
</div>
<div id="main" style="position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;>
<button type="button">Some text</button>
</div>
如果我使用这种方法，页面的高度将超过100％（垂直滚动条变得可见）..如果我单击其中一个按钮，则表示我也点击了“main”{{1元素，这会导致javascript创建一个节点。