第2章 基本组件

2.1 Element的布局

在搭建一个网页之前，首先要对网页的页面进行布局。CSS 原生布局在网页布局方面一直做得不是很好。CSS 原生布局使用的是 Table（表格）布局、Float（浮动）布局、Position （定位）布局和Inline-block（行内块）布局等，但是这些布局方法在本质上还是CSS Hack。CSS原生布局后来添加了Flexbox（盒子）布局，虽然解决了很多问题，但Flexbox布局是一维布局，不是二维布局。Grid（网格）布局的出现解决了复杂二维布局的问题，而且Flexbox布局可以和 Grid 布局混合使用，二者可以很好地配合。Element 封装了一套自己的页面布局方法，也可以和Flexbox配合，完成复杂的页面布局。

本节主要介绍Element的基础布局、分栏间隔、混合布局、分栏偏移、对齐方式等内容。