感觉网格系统和display:flex有点搞混淆了

同学你好，问题解答如下：

1. 在grid.css这种实现方式下，如果子元素的分数大于12份，再使用flex布局，就会对栅格系统造成影响，布局可能就乱了（等于12份还好），同学可以自己试验一下。

2. grid-flex.css和grid.css只是实现方式不一样，使用方式是一样的，同学知道该点就可以，不要想太多。grid-flex内的col，默认也是极小屏小占12份，如下：

、

3. 同学是说如下的布局吗？

如果是的话，可以这样写：

4. 再次强调一下哈，grid-flex.css和grid.css只是实现方式不一样，使用方式是一样的。同学可以把注意力放在视频中老师讲解的例子上，通过例子学会使用即可。

祝学习愉快！

同学你好，如果header使用了栅格系统，可以使用display:flex；，如下：

栅格系统简单来说，就是划分结构，常用的就是将整体划分为12份。比如header使用了栅格系统，那header就是12份，里面的nav如果设置8份，那其余元素的空间就剩了4份；如果所有元素没占满12份，那可以使用flex布局，调整这些元素之间的位置。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！