布局

布局
传统布局：

使用

和CSS的float属性进行布局。

使用定位属性（如position: absolute;或position: relative;）进行绝对或相对定位。

Flexbox：

一种一维布局方式，用于在容器内沿主轴（行或列）对齐和分布子元素。

使用display: flex;在容器上启用。

属性如flex-direction, justify-content, align-items等用于控制布局。

Grid布局：

一种二维布局系统，用于在行和列上对齐和分布子元素。

使用display: grid;在容器上启用。

属性如grid-template-columns, grid-template-rows, grid-gap等用于控制布局。