Html 在一个分区内填充两个动态分区

我在一个父分区中有两个分区。 我希望右边的div始终保持在右边，如果里面的内容较长，则扩展到左边； 我希望左边的div填充剩下的部分（里面的内容将被隐藏）

我做过研究，但在所有类似的问题中，一个div的宽度是固定的，而在我的例子中，两者都是动态的（一个基于内容，另一个基于另一个div）

我可以使用javascript动态更改左div的宽度，但是有没有一种纯CSS的方法来实现这一点

更新1：我们需要支持旧浏览器，所以我不能使用flexbox

---

更新2：我需要的另一件事是左div中的内容应该只有一行并隐藏溢出。所以如果我使用

空白：nowrap；溢出：隐藏；文本溢出：省略号

，左div超过长度，右div不会显示。

我可以想到的一种方法是在子div上使用

display:table cell

。请注意，即使右div没有固定的宽度，其内容也必须固定，因此右div可以扩展，而左div可以占用剩余的空间

.parent{
宽度：500px；
边缘底部：10px；
}
.孩子{
显示：表格单元格；
宽度：100%；
高度：100px；
}
.左{
背景色：rgba（255,0,0,1）；
}
.对{
背景色：rgba（0255,0,1）；
}
.父母：第n个孩子（2）.孩子权利p{
宽度：200px；
}
父母：第n个孩子（3）。孩子的权利{
宽度：350px；
}

A.
B
A.
知识产权是一种权利，是一种精英，是劳动和财富的临时契约。

A.
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔因疏忽而死亡外，还必须为动物的劳动负责。

右div内容没有宽度
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔因疏忽而死亡外，还必须为动物的劳动负责。

使第一个子div浮动：right，宽度：auto，以及第二个子div浮动：right，边距：auto，应该可以实现以下功能：

<div>
<div style="float:right;width:auto;border:1px solid;white-space: nowrap;">Something Something Something Something </div>
<div style="margin-right:auto;border:1px solid;">Something Something Something </div>
</div>

有什么
一些东西

我希望右边的div始终保持在右边，如果里面的内容较长，则扩展到左边；我希望左边的div填充剩下的部分（里面的内容将被隐藏）

我相信flexbox可以解决这个问题

.wrapper{
宽度：80%；
显示器：flex；
保证金：1em自动；
边框：1px纯灰；
证明内容：之间的空间；
背景：红色；
}
左边
.对{
flex:1自动；
填充：1em；
}
.左{
背景：粉红色；
}
.对{
flex:01自动；
背景：#c0ffee；
}

Lorem ipsum dolor sit。
Lorem ipsum dolor sit。Lorem ipsum dolor sit amet，奉献精英。我们要为自己的解释而献身，为自己的伟大而献身，为自己的生命而献身！

问题是我不能给出答案width@DrXCheng那么，正确的div的内容是什么呢？无论如何，内容必须有一个宽度。它肯定有一个宽度，但我不能在css中定义它。如果你的内容有一个宽度，那么这种方法就行了。我已经在css中设置了内容的宽度以供演示，p是一个块元素。你试过这个方法吗？我把代码放在JSFIDLE中，它可以工作，但不是我的情况。可能是因为我的“父”div也是一个表单元格。我相信是这样的。但不幸的是，我们需要支持旧的浏览器，所以我不能使用flexbox。