Html -moz max内容不适用于mozilla firefox

在mozilla firefox中，如何将div与内部内容相匹配

当向div中添加新元素时，使用-moz max content使div适合内容不会影响动态大小

我尝试了以下方法：

它仅对高度起同等作用：450px

.login容器{
高度：自动；
最大高度：450像素；
}

Div获得身体的全部高度

.login容器{
最大高度：适合的内容；
高度：-moz最大含量；
}

（1） 给出预期结果，但自动将“高度”设置为“最大高度”

（2） div被拉伸到页面底部

---

基本上，我需要一个基于内部元素的动态大小的div容器。

-moz-*-content

未在

高度上工作

怎么知道呢


$（'textarea'）。在（'keyup'，function（）上{
var text=$（this.val（）.replace（/\n/g，
）；
文本。替换（“
；”，“
”）；
$（'div'）.html（文本）；
});
div{
背景色：#00ffff；
宽度：500px；
高度：50px；
}
你的健康{
背景色：#ff00ff；
最大宽度：-moz最大含量；
最大高度：-moz最大含量；
}
myfit分区{
背景色：#ffff00；
最大宽度：-moz最大含量；
最小高度：50px；
高度：自动；
}
/*不在乎*/
文本区{
位置：固定；
宽度：90%；
底部：0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
-moz-*-content
未在
高度上工作

怎么知道呢


$（'textarea'）。在（'keyup'，function（）上{
var text=$（this.val（）.replace（/\n/g，
）；
文本。替换（“
；”，“
”）；
$（'div'）.html（文本）；
});
div{
背景色：#00ffff；
宽度：500px；
高度：50px；
}
你的健康{
背景色：#ff00ff；
最大宽度：-moz最大含量；
最大高度：-moz最大含量；
}
myfit分区{
背景色：#ffff00；
最大宽度：-moz最大含量；
最小高度：50px；
高度：自动；
}
/*不在乎*/
文本区{
位置：固定；
宽度：90%；
底部：0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
你到底想问什么？对不起，我会在评论之后修改这个问题。我的问题是，{height:fit content}在谷歌浏览器上运行得非常好。但是在mozilla中，他们使用{height:-mozmax-content}；我还尝试了{height:-mozfit-content}：但是这些都不起作用。我如何将div与mozilla的内容相匹配？您到底想问什么？对不起，我会在评论之后修改这个问题。我的问题是，{height:fit content}在谷歌浏览器上运行得非常好。但是在mozilla中，他们使用{height:-mozmax-content}；我还尝试了{height:-mozfit-content}：但是这些都不起作用。如何将div与mozilla的内容相匹配？最大宽度：-moz max content；->宽度工程。最大高度：-moz最大内容；->高度不
-moz max content
不能与heightmax width一起使用：-moz max content；->宽度工程。最大高度：-moz最大内容；->高度不
-moz max content
不能与高度一起使用