浮动跟flex布局有什么区别?

浮动和flex布局都是网页布局方式，浮动让元素脱离文档流并左右移动，flex布局则通过主轴和交叉轴灵活排列元素。

区别

浮动：属于早期布局方案，需要清除浮动避免元素重叠，适合简单图文混排。浮动元素脱离文档流，会影响父元素高度计算，常需额外处理。

flex布局：现代布局方式，通过容器属性控制元素排列方向、对齐方式和间距。元素不脱离文档流，父元素高度自适应，适合复杂响应式设计，支持多行换行和空间分配。