Flexbox 是一维布局,只能在一条直线上放置内容区块;
Grid是一个二维布局,根据设计需求将内容区块放置到任何地方。
浏览器的兼容
Grid布局浏览器兼容性
不兼容IE11以下,不建议在移动端使用。
grid布局优势
1.grid 优势

2.grid vs flexbox

3.浏览器兼容

Grid 布局的优势
固定或弹性的轨道尺寸
定位项目
创建额外的轨道来保存内容
对齐控制
控制重叠内容(z-index)
用grid做整体布局,用flexbox做局部布局
Grid和Flexbox的区别
Grid布局的优势
1:固定或弹性的轨道尺寸
2:定位项目
3:创建额外的轨道来保存内容
4:控制重叠内容(z-index)
Grid与Flexbox
Grid布局的优势