藤椒金汤力

Grid 布局又称网格布局，与 Flex 布局有一定的相似性，但grid布局相较flex布局可以看为是二维布局，是目前最强大的布局方案。本文通过诸多示例详细阐述了gird布局的具体使用方法与应用场景。

Flex布局又称弹性盒布局，是在CSS3中的一种新布局方式，可以简洁、方便、响应式地实现各种页面布局。他也是前端工程师工作中最常使用的布局方式。本文详细列举了弹性盒布局的具体实现细节及容器属性。

BFC是一个独立的布局环境，BFC元素可用于防止margin重叠，清除浮动，以及最重要的是实现更好的自适应布局。此文探讨BFC的10个创建方法、6大特性及其具体应用方式、场景。

在CSS中跳出标准文档流的方式有三种：浮动、绝对定位和固定定位。这篇博客希望能跟大家一起讨论CSS中的浮动。包括浮动的特性、用处及如何清除元素浮动的影响。