原來 flexbox 是這麼工作的

Flexbox 是一種 CSS 佈局機制，可以説是目前瀏覽器原生支持的最好、使用最廣泛的佈局機制了。本文通過一些例子來説明 Flexbox 佈局的工作原理，可以讓我們更好的使用 Flexbox。 與 CSS Grid 可以同時在橫向和縱向兩個方向進行佈局不同，Flexbox 只能在單一方向上進行佈局，即要麼橫向，要麼縱向。所謂佈局，其實就是空間的分配過程，也就是説計算元素尺寸和容器剩餘空間尺寸的過