flex 固定高度 流布局

Flex固定高度流布局是一种在CSS中常用的技术，用于在Flex容器中创建一列或多列的定高元素布局。

固定高度是指在布局中设置元素的高度为固定值，不随内容的增减而改变。这个特性在一些情况下非常有用，例如当我们需要在页面中创建一个固定高度的导航栏或侧边栏时。通过设置元素的固定高度，我们可以控制元素的尺寸，从而实现预期的布局效果。

流布局是指元素按照从上到下、从左到右的顺序排列，直到填满容器或换行。在Flex布局中，我们可以使用flex-wrap属性来控制元素的换行行为。当我们将flex-wrap属性设置为wrap时，如果元素超出容器的宽度或高度限制，会自动换行并继续排列。这种流布局的特点使得我们能够更好地控制容器中的元素的位置和排列方式。

通过将固定高度和流布局结合在一起，我们可以在Flex容器中创建出一列或多列的定高元素布局。这种布局非常灵活，可以适应不同屏幕尺寸和设备类型的需求。同时，通过使用Flex布局的其他特性，如flex-grow、flex-shrink和flex-basis等属性，我们可以更好地控制元素的尺寸和比例。总之，Flex固定高度流布局是一种强大而灵活的布局方式，可以帮助我们实现各种不同样式和排列需求的网页布局。