採取儘可能多的空間可以同時其他CSS網格列是可變

Question

使用CSS Grid，這就是我想實現：

我已經試過：

nav { 
    display: grid; 
    grid-template-columns: auto 10%; 
} 

但是，10%可能仍然較小，具體取決於該列上的內容。我怎樣才能使它儘可能小，同時是一個寬度可變的字段？

Answer 1

您可以使用max-content或min-content與Grid做到這一點。

nav { 
    display: grid; 
    grid-template-columns: auto max-content; 
} 

最大含量

是代表佔電網軌道網格項目中最大的最大容量 貢獻的關鍵詞。

分鐘內容

是代表 佔據網格跟蹤電網項目的最大最小的內容貢獻的關鍵詞。

請參閱grid-template-columns。