CSS min- mozilla firefox不工作的高度
CSS min- mozilla firefox不工作的高度
提问于 2012-12-27 10:32:56
我创建了一个极小高度的div标签，并给背景颜色‘红色’。但在mozilla上，当内容超过最小高度限制时，div的高度不会增加。这是我的代码：
<style type="text/css"><!--
ul {
display:block;
padding:0px;
width:500px;
}
.b {
width:250px;
float:left;
display:block;
}
div {
min-height:50px;
width:500px;
background-color:red;
}
--></style>
<div>
<ul>
<li class="b">asdsad</li>
<li class="b">asdsad</li>
<li class="b">asdsad</li>
<li class="b">asdsad</li>
<li class="b">asdsad</li>
<li class="b">asdsad</li>
<li class="b">asdsad</li>
</ul>
</div>它看起来div的高度必须设置为适合内容，但我不知道我还能如何做that.if我不使用高度，那么背景色不能是set.please，告诉我如何将内容与div相匹配，以及背景颜色将为红色。
(不知道我是否解释过，clearly.so，如果你想知道更多关于这个问题，请问我。)
-Thanks。
解决了：感谢大家的友好回答。
回答 8
Stack Overflow用户
回答已采纳
发布于 2012-12-27 10:36:28
请按以下方式更新css：
div{min-height:50px;width:500px;background-color:red;overflow:hidden;}overflow:hidden;添加
基本上，这是由于float:left在.b类中发生的。这就是它的工作原理。通常，您可以通过将overflow:hidden添加到父div或在父div末尾添加一个style=元素“清除:两者”来修复它。
您可以通过“CSS清除”关键字搜索有关它的更多信息。
Stack Overflow用户
发布于 2014-08-29 13:22:46
在火狐上，min-height不是在display: table(-*);属性上解释的，而是尝试使用height: 50px;，因为它被解释为表上的最小高度。
Stack Overflow用户
发布于 2013-10-09 07:23:51
在所有主要浏览器中都支持min高度属性。
但是这个属性不适用于firefox上的html表。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14053206
复制相关文章
相似问题
腾讯云开发者
