佈局模式

CSS **佈局模式**，有時也稱為 *佈局*，是一種演算法，它根據盒子與其兄弟和祖先盒子的互動方式來確定盒子的位置和大小。它們有很多種

• 正常流 — 所有元素都是正常流的一部分，除非您執行某些操作將其從正常流中移除。正常流包括 *塊級佈局*，用於佈局諸如段落之類的盒子，以及 *內聯佈局*，用於佈局諸如文字之類的內聯專案。
• 表格佈局，用於佈局表格。
• 浮動佈局，旨在使專案在左側或右側定位，其餘內容在正常流中環繞它。
• 定位佈局，旨在定位元素，而與其他元素的互動很少。
• 多列布局，旨在像報紙一樣將內容佈局成多列。
• Flexbox 佈局，旨在佈局可以平滑調整大小的複雜頁面。
• 網格佈局，旨在相對於固定網格佈局元素。