CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。

sticky：对象在常态时遵循常规流。它就像是relative和fixed的合体，当在屏幕中时按常规流排版，当卷动到屏幕外时则表现如fixed。该属性的表现是现实中你见到的吸附效果。

我在前面有一篇文章《CSS基础篇--可扩展性的页面布局》中介绍了如下三种布局方式：1.左右结构，左边100%；右边宽度固定2.左右结构，左边固定，右边100%3.左中右结构，左边固定，右边固定，中间100%

1.左右结构，左边100%；右边宽度固定 css代码： {代码...} HTML代码: {代码...} 2.左右结构，左边固定，右边100% css代码: {代码...} HTML代码: {代码...} 3.左中右结构，左边固定，右边固定，中间100% css代码: {代码...} HTML代码: {代码...}