css布局的三種機制？

CSS 布局的 3 種機制分別是普通流（標準流）、浮動和定位。

①普通流（標準流）

（1） 塊級元素會獨占一行，從上向下順序排列；

常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table

（2） 行內元素會按照順序，從左到右順序排列，碰到父元素邊緣則自動換行；

常用元素：span、a、i、em等

②浮動

讓盒子從普通流中浮起來,主要作用讓多個塊級盒子一行顯示。

③定位

將盒子定在瀏覽器的某一個位置——CSS 離不開定位，特別是后面的 js 特效。