浮动布局与flex布局区别?

浮动布局是传统网页布局方式，通过设置float属性让元素浮动在父容器一侧，常用于图文混排。Flex布局是现代CSS布局方案，通过弹性容器和项目实现灵活排列，适应不同屏幕尺寸。

区别

浮动布局：需要手动清除浮动，否则父容器高度塌陷。元素按文档流顺序浮动，容易受父容器宽度影响。布局依赖块级元素和浮动方向，响应式设计时需频繁调整媒体查询。适合简单布局，但代码维护复杂。

Flex布局：自动处理空间分配，无需清除浮动。项目沿主轴或交叉轴排列，支持对齐方式调整。容器内项目可伸缩，适应性强。适合复杂布局，代码简洁，兼容性需考虑旧版浏览器。