摘要：
看过阮一峰大神的博客总结后提取出了自己的笔记，然后跟着理解并写了下圣杯布局： FLEX布局： 弹性布局 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。 目默 阅读全文
摘要：
直接看代码就能理解了 结果如下： PS： top和left属性是根据父组件的高度宽度移动子部件 在top: 50%;和left: 50%;的基础上，通过设置margin-top: -50px;和 margin-left: -50px;，就能使得子部件的轴线和parent轴线重合 阅读全文