Html 对齐左侧元素以适合自由空间

我有两个div。Div必须位于右侧，必须具有固定宽度，左侧必须适合自由空间。我不能达到这个效果，但我已经完成了这个案例的操作，当左一个固定，右一个拉伸时：

HTML:

---

这是。你能帮忙吗？（我不想使用

calc

，因为右div的宽度可能会改变）

只需先用右浮动div编辑标记即可

<div>
    <div class="part right"></div>
    <div class="part left"></div>
</div>

---

我建议您使用flexbox。 这正是你需要的

---

这应该可以。使用绝对定位和右侧填充

code

---

非常感谢，我也试过，但可能错过了什么

<div>
    <div class="part right"></div>
    <div class="part left"></div>
</div>

.part {
    height: 100px;
}

.right {
    width: 100px;
    float: right;
    background-color: green;
}

.left {
    overflow: hidden;
    background-color: blue;
}

code