Html 如何以百分比（%）管理响应性设计？

我正在构建响应性页面布局，但我有一个问题：

如何以百分比%管理宽度、填充、边距等

例如，我想让我的页面左侧栏为700px，右侧栏为300px，那么在百分比百分比中我必须使用什么属性呢

这是我的密码：

HTML:

---

我假设您遇到的问题是，当您设置百分比时，您的框不会停留在一行上

你需要小心

width + left/right margin + left/right padding + left/right border = width of container.

---

如下所示：

请提供有关上下文的更多信息，最重要的是：您希望应用%的代码，更好的是，使用您的问题创建一个。是的，这是我创建的代码：-为什么所有的否决票？这个问题可能不值得投很多赞成票，但似乎也不值得投很多反对票。。。也许它在有小提琴之前就有了？你的意思是说我们每次都需要使用近似的填充和边距，有什么办法吗？我按照这一点来获得确切的填充和利润百分比。@Mayank很抱歉，我不理解你在评论中的意思，请你解释一下。

.main_div {
    width:1000px;
    float:left;
}
.left_bar {
    width:300px;
    float:left;
    background-color:green;
    padding:15px 0;
}
.right_bar {
    width:270px;
    float:left;
    background-color:red;
    padding:15px;
}

width + left/right margin + left/right padding + left/right border = width of container.