Flex 布局是什么？

Flex 是 Flexible Box 的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。

任何一個(gè)容器都可以指定為 Flex 布局。

.box{
  display: flex;
}

行內(nèi)元素也可以使用 Flex 布局。

.box{
  display: inline-flex;
}

Webkit 內(nèi)核的瀏覽器，必須加上?-webkit?前綴。

.box{
  display: -webkit-flex; /* Safari */
  display: flex;
}

注意，設(shè)為 Flex 布局以后，子元素的?float?、?clear?和?vertical-align?屬性將失效。