Html CSS：流体元素包裹固定元素

使用一行元素：

[液体][固定][液体]

当中间元素的宽度减小时，如何使左右元素的宽度百分比增大，反之亦然？这是否可能使用纯CSS

例如： 如果中间元素的宽度为：auto；，页面呈现时，该元素为150px， 左右元素将流畅地占用剩余空间

例如，包装这些元素的div为100%宽：auto

不幸的是，css必须与Internet Explorer 8兼容

---

我想你需要flexbox。Herm…我想你需要JS，也许有一个polyfill。可能重复我已经说过，在flexbox不受支持的地方使用flexbox是不可能的。因此，没有CSS解决方案是可能的。如果您已经创建了JS解决方案，请使用它。我个人更喜欢PolyFill，因为它们易于使用，而使用过时浏览器的人应该得到缓慢的性能，而受支持的浏览器根本不需要为JS费心。在自利的层面上，我完全同意性能评论/咆哮。然而，我旁边大楼里的300多名员工使用IE8，显然根据我们的内部分析，我们仍然有一定比例的客户通过IE查看我们的页面，因此要求他们升级到最新浏览器就变得不那么重要了。感谢您与我们和社区一起关注这一点。