css - 在 overflow-x 生效之前保留 css 最小和最大宽度

Question

对于几列，我希望在父容器发生任何溢出之前将第一列调整为最小和最大宽度。在列容器的 overflow-x 溢出之前有效地具有最小最大宽度。

我在这里生成了一个全面的极简主义示例：http: //cssdesk.com/KKtBt

理想情况下，我希望第一列最小为 425 像素，并且如果有空间，则能够增长到 600 像素。

我怎么能在这里做到这一点？

谢谢！

[编辑] 我正在尝试做的一个更简单的例子。

非常感谢任何帮助： http: //codepen.io/anon/pen/zkjsc

Answer 1

像这样的东西应该工作：

它有一个最大扩展为 1200px 宽的父级（自定义以适应），以及一个始终为静态的固定右侧列。在 {width} 中使用 calc() 调用确实是解决经典“固定右列”问题的最简单方法——只要确保正确使用前缀即可。

Codepen 链接

Answer 2

这在单独的 CSS 中确实是不可能的。

请参阅此处的讨论以了解更多细节。

本质上，为了获得一致的可靠行为，必须使用 Javascript 来控制需要调整大小的列的宽度。