Javascript 如何为简单的仪表板创建此html页面？

我没有网页设计经验，我正在拼命尝试创建一个简单的网页，其中包含

D3.js

图形（一个创建图形和仪表盘的漂亮框架），但我在定位元素方面遇到了一个很大的问题

我正在尝试创建一个我这样表示的页面：

图形数据将由与某些ajax代码交互的后端进程生成。 我知道这很简单，但我在位置、边距、填充等方面确实存在问题

到目前为止，我尝试的是：

电子商务数据-交互式地图
//图表就在这里
//控制图形的按钮将在此处

以下是您可以开始做的一个示例：

CSS如下所示：

body, html {
    margin:0;
    padding:0;
    height:100%;
}

#topbar {
    width:100%;
    height:100px;
    background:grey;
    margin:0;
}

#graph_div {
    width:60%;
    height:100%;
    float:left;
    background:blue;
}
#panel_div { 
    width:40%;
    float:right;
    background:darkgrey;
    height:100%;
}

---

祝你好运。

到底是什么问题？我无法定位不同的元素（主要是div），那么

位置：relative

不是你想要的。啊，好的！我不认为创建一个如此简单的页面会如此复杂。你能纠正我的代码吗？提前谢谢你！