这里面这些header main empty sidebar footer 都是哪里来的？我盲猜是你定义的网格线的命名。但是你不写出来我惶恐

记得加卤蛋

2019-08-01

源自：Grid布局基础 3-4

关注问题我要回答

937

操作

收起

2 回答

qq_一座城_2 回答被采纳 +2 积分
2019-08-01

很明显，不是的，是每个div的gird-area的取值

0 回复有任何疑惑可以回复我~

收起回答

记得加卤蛋提问者
2019-08-02

已经搞清楚了，这里面定义的 grid-template-areas 仅仅就是定义了这个名字，这个名字可以随便取，和div里面的标签什么的没有关系，但是和单元格要一一对应。比如第一行有四个项目，你想定义两个区域，此时你可以写 “a a b b”.具体在哪里用呢？在每一个项目定义里用。如果你在项目里定义了grid-area: a 那么这个item 就会默认占用两个单元格。