在CSS中，流体边界是否可以在没有calc（）的情况下彼此成比例？

我有一个最大宽度为

的textblock元素，我希望它的左右边距彼此成一定比例，假设其中一个是另一个宽度的一半，并随着窗口大小的变化保持这些比例。在不支持
calc（）
或flexbox的旧浏览器中，这可能吗？我想我真正想问的是，百分比是否可行

+--------+-----------+----------------+
    |        |           |                |
    | margin | textblock |     margin     |
    |        |           |                |
    |  1/2x  |           |       1x       |
    |  ←--→  |           |  ←----------→  |
    |        |           |                |
    +--------+-----------+----------------+

+------------+-----------+------------------------+
|            |           |                        |
|   margin   | textblock |         margin         |
|            |           |                        |
|    1/2x    |           |           1x           |
|  ←------→  |           |  ←------------------→  |
|            |           |                        |
+------------+-----------+------------------------+
+--------+-----------+----------------+
|        |           |                |
|边距|文本块|边距|
|        |           |                |
|1/2x | | 1x|
|  ←--→  |           |  ←----------→  |
|        |           |                |
+--------+-----------+----------------+
+------------+-----------+------------------------+
|            |           |                        |
|边距|文本块|边距|
|            |           |                        |
|1/2x | | 1x|
|  ←------→  |           |  ←------------------→  |
|            |           |                        |
+------------+-----------+------------------------+
您可以使用flexbox和隐藏元素模拟此类行为，在这些元素中应用不同的
flex grow
，以控制如何划分可用空间：


.container{
显示器：flex；
}
.盒子{
最大宽度：300px；
宽度：100%；
高度：50px；
背景：红色；
}
.货柜：在{
内容：“；
柔性生长：1；
}
.货柜：之后{
内容：“；
柔性生长：2；
}

有趣的方法，但flexbox比calc更不受支持。@typo如果是关于支持的，你应该提到它，以便我们知道你希望在哪里支持它。我以为您根本不想使用calc（）。。。Temani Afif，你是对的；编辑。异端猴子，我知道主要的浏览器都支持这两种。我正在制作一本简单的单页书，我希望它甚至能在古代的浏览器上使用，因为没有理由不使用它，因为它的页边空白太多。我们需要在旧浏览器上更精确，这是关于IE的，但是我们需要知道哪个版本，因为旧的IEI之间有很大的区别。我猜从支持的版本开始，最大宽度是7，根据。