使用Flex布局有以下几个好处：
简化布局：Flex布局是一种简洁、灵活的布局方式，通过简单的属性设置就可以实现复杂的布局效果，避免了繁琐的float和position属性的使用。
响应式布局：Flex布局是一种响应式的布局方式，可以根据不同的屏幕尺寸和设备适应性地调整布局，适合移动设备和响应式网页设计。
自适应子元素大小：Flex布局可以根据容器的大小自动调整子元素的大小，实现自适应布局效果，适应不同的设备屏幕。
简化垂直居中：Flex布局可以轻松实现容器内部元素的垂直居中，无需使用复杂的计算和定位。
灵活的顺序控制：Flex布局可以通过设置order属性调整子元素的顺序，使得在不同的布局环境下元素的显示顺序可以灵活变化。
总之，Flex布局是一种简单、灵活、响应式的布局方式，可以优化和简化网页布局，并且适应各种不同的设备和屏幕尺寸，提供更好的用户体验。