CSS中的1fr是Flexible Box Layout（Flexbox）中的一个关键字。它表示剩余空间的分数比例。具体来说，它会将剩余空间分成若干份，每份的大小是相等的，一份的大小是总份数的一部分。

.container {
display: flex;
}
.item {
flex: 1 1 1fr;
}

在上述代码中，.container指定为弹性容器，而.item则指定为弹性子项。其中的flex: 1 1 1fr;，是指让一个弹性子项自动填充剩余空间。

这里的1fr就是关键词，它告诉浏览器在分配剩余空间时每个弹性子项应该占用相等的份额。

1fr可以结合其他单位使用，在弹性子项中设置具体的宽度或高度值，来创建一个自适应的，具有良好响应性的布局。

1fr的运用非常广泛。它可以在一行或一列中，让弹性子项自适应填充空间，也可以在一个网格布局中利用它创建一个具有自适应性的网格。

总之，1fr是一个非常实用的CSS单位，它可以帮助我们在布局中更好地控制剩余空间的分配，使得我们的Web页面更加美观、舒适。