在overflow-x生效之前保留css min和max width

Question

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

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

理想情况下，我希望第一列最小为425px，如果有空间，可以增长到600px。

我怎么能在这里完成呢？

谢谢！

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

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

Answer 1

这样的事情应该有效：

它的父级扩展到最大宽度为1200px（自定义以适应），以及一个始终为静态的固定右侧列。在{width}中使用calc（）调用实际上是执行经典“固定右列”问题的最简单方法 - 只需确保正确执行前缀。

Codepen Link

Answer 2

仅在CSS中这是不可能的。

请在此处查看discussion以了解更多具体信息。

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