流体高度的 DIV 是在不同屏幕尺寸下都能自动调整高度的 DIV。

要创建流体高度的 DIV，可以使用以下 CSS 属性：

• height: calc(100vh - 40px)

height: calc(100vh - 40px) 属性设置 DIV 的高度等于视口高度减去 40px。这确保了 DIV 在不同屏幕尺寸下都能填满整个可用空间。

流体高度的 DIV 在以下情况下非常有用：

• 创建全屏布局
• 创建侧边栏或导航栏等粘在屏幕顶部的元素
• 创建扩展到视口底部的内容区域

以下是使用流体高度的 DIV 的示例：

使用流体高度的 DIV
流体高度的 DIV 是在不同屏幕尺寸下都能自动调整高度的 DIV。
要创建流体高度的 DIV，可以使用以下 CSS 属性：
height: calc(100vh - 40px)
height: calc(100vh - 40px) 属性设置 DIV 的高度等于视口高度减去 40px。这确保了 DIV 在不同屏幕尺寸下都能填满整个可用空间。

这个示例将创建一个全屏布局，其中内容区域扩展到视口底部。