使浮动div填充剩余空间

我怎样才能让left填充剩余空间？ 一般来说，我想要完成的是将正确的div设置在右侧，并用剩余的div来填充剩余空间。

<div>
  <div id="left" style="float: left"></div>
  <div id="right" style="float: right; max-width: 700px"></div>
</div>

---

这是你想要的？

#container {
  display: flex;
  width: 100%;
}

#left {
  background-color: red;
  flex-grow: 1;
}

#right {
  max-width: 700px;
  background-color: blue;
}

<div id="container">
  <div id="left">
    Left left left
  </div>
  <div id="right">
    Right right right
  </div>
</div>

链接地址: http://www.djcxy.com/p/88277.html

上一篇: Make floated div fill remaining space

下一篇: Make div fill remaining *horizontal* space in flexbox