摘要： grid 兼容性查看请点此处 最新Grid兼容 grid 布局就是给父元素（容器）添加display:grid,然后使子元素（项目）改变布局， 1 2 3 4 5 6 7 8 9 上面九个正方形的代码如下：没有给正方形设定宽度，是为了方便观察css效果 .seven{ background:#f1c 阅读全文

摘要： CSS Flex 弹性盒模型布局教程 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 flex布局就是给任何一个容器添加 display:flex 注：设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效 阅读全文