CSS min-height不适用于mozilla firefox

前端之家收集整理的这篇文章主要介绍了CSS min-height不适用于mozilla firefox前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用min-height创建了一个div标签,并给出了背景颜色“红色”.但是在mozilla firefox上,当内容超过最小高度限制时,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高度必须设置为适合内容,但我不知道我怎么办呢.如果我不使用高度,那么背景颜色就无法设置.请告诉我我该怎么办?使内容适合div,背景颜色为红色.
(不知道我是否清楚地解释了.如果你想了解更多关于这个问题,请问我.)

-谢谢.

决议:谢谢大家的回答.

解决方法

像这样更新你的CSS:
div{min-height:50px;width:500px;background-color:red;overflow:hidden;}

溢出:隐藏;添加

基本上,这是因为浮动:左边的.b类.这就是它的工作原理.通常你可以通过添加overflow:hidden到parent div或添加一个style =“clear:both;”的元素来修复它.在父div的末尾.

您可以使用“CSS clearfix”关键字搜索有关它的更多信息.

猜你在找的CSS相关文章