身高:自动;不适用于Firefox

时间:2010-01-03 17:02:20

标签: html css stylesheet

我有Div容器和css类:

    .content4
   {
    height: 1400px;
    width: 920px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    padding-bottom: 25px;
    padding-top: 25px;
    background-image: url(../images2/bg.gif);
   }

我需要让它的内容为自动高度

它在IE中正常工作但在firefox中不起作用。

有什么帮助吗?

2 个答案:

答案 0 :(得分:4)

使用类似的东西:

.test
{
     min-height: 300px;
     height: auto !important;  /* for other browsers */
     height: 300px;  /* for IE */
}

答案 1 :(得分:1)

如果我理解了这个案例,你的风格就像应该的那样(当然是FF):)如果指定了特定的高度,当内容需要更多时,div不应该改变它的高度。你在IE中观察到的是它实际上将“高度”视为“最小高度”。 这里的解决方案是指定浏览器的最小高度和IE的高度:)