小编Ujw*_*wal的帖子

这是关于最近添加到CSS Web标准的新CSS Grid系统的问题.这是我尝试使用的布局示例 - > Codepen示例.

现在我需要切换聊天侧边栏,以便主div占用剩余空间.我已经知道如何在flexbox和javascript中执行此操作.但是,我想使用CSS网格尝试这个.

一种方法是这样做......

grid-template-columns: 1fr 0;

但我希望聊天侧边栏能够顺利切换(如css过渡)而不是突然消失.

任何帮助,将不胜感激.