Html div内容容器要有80%的空间，并挂在左侧

看，我有这个：

（来源：）

我希望div menubar有20%的空间（减去边距），并挂在右边

我希望div内容容器有80%的空间（减去边距），并挂在左侧

我想把两个箱子并排放在集装箱里。其中的百分比是divs空间的百分比。我我希望div在页面中有80%的可用空间

我做错了什么？老实说，我不懂

试试看：

.tablebarz {
width: 20%;
margin-bottom: 30px;
/* margin-top: 50px; */
/* margin-left: 20px; */
/* margin-right: 5px; */
/* display: inline-block; */
float: right;
}

.roundedcontainer {
/* position: absoulute; */
margin-right: 25px;
border: 2px solid #ddd;
border-radius: 5px;
width: 74%;
float: left;
}

---

因为我们都喜欢JSFiddles：我最初去了那里，但我不能将我的全部源代码粘贴到那里，而且我太懒了，无法将CSS和hTML等分开。它根本不允许我插入一个完整的页面：（……我刚做了。看起来有那么难吗？你复制并粘贴你的CSS（看起来可能有20行）进入CSS块，然后在html点的

和

标记之间插入html。问题是你不能插入bootstrap.CSS，所以它看起来很糟糕。回答不错，但我仍然好奇我做错了什么，只是将两个div浮动到容器的适当一侧。我还调整了.roundedcontainer样式-p不需要重新定位。