css网格项未在同一级别对齐

我有一个css网格示例

工具栏{
显示：网格；
网格模板列：1fr；
网格模板行：1fr；
背景：紫色；
}
.左肺结核{
自我辩护：开始；
背景：绿色；
}
.tb对吗{
自我辩护：结束；
背景：黄色；
}

左肺结核
结核病对吗

给你

工具栏{
显示：网格；
网格模板柱：1fr 1fr；
网格模板行：1fr；
背景：紫色；
}
.左肺结核{
自我辩护：开始；
背景：绿色；
}
.tb对吗{
自我辩护：结束；
背景：黄色；
}

左肺结核
结核病对吗

网格模板列：1fr 1fr？您明确定义了一个单列网格，那么您究竟为什么希望结果是两列呢？
网格自动流动：列