Html Firefox忽略CSS中的最小高度

出于某种原因，最小高度在Firefox上不起作用。我尝试在身体上设置最小高度，但Firefox完全忽略了这一点。因为我的页面是动态的，所以我不能将高度设置为100%。我该怎么办

正文{
边框：1px纯黑；
宽度：100%；
最小高度：100%；
}

这是尸体。

百分比是继承的（也包括）。从CSS规范：

指定用于确定已用值的百分比百分比是根据生成的框的包含块的高度计算的

大多数人没有意识到的是，

body

和其他元素一样，也是一个元素，

html

。人们还没有意识到的是，这些元素没有一个固有的高度设置。

html

的父对象是视口，它的固有高度为100%。视口或多或少是浏览器窗口，减去任何菜单或标题栏

由于

height

百分比继承自其父元素，并且没有为

html

元素设置

height

，因此

min height的CSS为100%没有100%的值。所以你的身体基本上是以0的
最小高度：100%
为准

要解决此问题，只需告诉
html
元素为视口高度的100%：


html{
身高：100%；/*这是重要的一点*/
}
身体{
边框：1px纯黑；
宽度：100%；
最小高度：100%；
边距：1px；/*我添加此选项是为了使主体周围的边框更易于查看。通常您希望将其设置为0或完全不使用它*/
}

这是尸体。
百分比是继承的（也包括）。从CSS规范：

指定用于确定已用值的百分比百分比是根据生成的框的包含块的高度计算的

大多数人没有意识到的是，
body
和其他元素一样，也是一个元素，
html
。人们还没有意识到的是，这些元素没有一个固有的高度设置。
html
的父对象是视口，它的固有高度为100%。视口或多或少是浏览器窗口，减去任何菜单或标题栏

由于
height
百分比继承自其父元素，并且没有为
html
元素设置
height
，因此
min height的CSS为100%没有100%的值。所以你的身体基本上是以0的
最小高度：100%
为准

要解决此问题，只需告诉
html
元素为视口高度的100%：


html{
身高：100%；/*这是重要的一点*/
}
身体{
边框：1px纯黑；
宽度：100%；
最小高度：100%；
边距：1px；/*我添加此选项是为了使主体周围的边框更易于查看。通常您希望将其设置为0或完全不使用它*/
}

这是尸体。
高度
百分比对绝对定位的元素有效。如果需要提供百分比，则添加
position:absolute到
正文
style@SaqibAminmin height在google chrome中工作得非常好。我刚刚在一个空文档上重新确认了样式，您必须添加
位置：绝对以使其按您希望的方式工作to@SaqibAmin
高度
不需要
位置：绝对以便工作。你在哪里读到的？@SaqibAmin这只是在包含块没有设置高度的情况下。我在我的答案中添加了绝对方法，并提供了更多关于您的意思的信息。
height
in percentrates对绝对定位元素有效。如果需要提供百分比，则添加
position:absolute到
正文
style@SaqibAminmin height在google chrome中工作得非常好。我刚刚在一个空文档上重新确认了样式，您必须添加
位置：绝对以使其按您希望的方式工作to@SaqibAmin
高度
不需要
位置：绝对以便工作。你在哪里读到的？@SaqibAmin这只是在包含块没有设置高度的情况下。我在我的答案中加入了绝对法，并提供了更多关于你的意思的信息