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頁面更加美觀、舒適。