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

在overflow-x生效之前保留css最小和最大宽度,css,css-float,styling,Css,Css Float,Styling,对于一些列,我希望在父容器发生任何溢出之前,第一列将大小调整为最小和最大宽度。有效地在columns容器的溢出-x之前具有最小-最大宽度 我已经生成了一个全面的极简主义示例,我在这里指的是: 理想情况下,我希望列1的最小值为425px,如果有空间的话,可以增长到600px 我如何才能在这里做到这一点 谢谢 [编辑] 一个简单的例子,我正在尝试做什么 非常感谢您的帮助:类似的方法应该可以: 它有一个扩展到最大1200px宽的父级(自定义以适应),以及一个固定的右侧列,该列始终是静态的。在{widt

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

我已经生成了一个全面的极简主义示例,我在这里指的是:

理想情况下,我希望列1的最小值为425px,如果有空间的话,可以增长到600px

我如何才能在这里做到这一点

谢谢

[编辑] 一个简单的例子,我正在尝试做什么


非常感谢您的帮助:

类似的方法应该可以:

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


仅在CSS中是不可能做到的

请参阅此处以了解更多细节

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

Hm,calc()的有趣用法,我不希望使用“”