Question

我的表格编码如下;

<table id="c_month_tbl" cellspacing="0" cellpadding="0" border="0" >
<tbody>
<tr>
<td valign="top" class="weekend_days">
<div class="block_out">
<div class="blockout_text">Some content ...Some content ...Some content ...Some content ...Some content ...</div>
</div>
</td>
</tr>
</tbody>
</table>

CSS如下;

    td.weekend_days .blockout_text {
        margin-top: 14px;
    }
    .blockout_text {
        margin-top: 25px;
        padding: 3px;
        text-align: center;
    }

    #c_month_tbl{
        clear: both;
        width: 678px;
    }
    .block_out {
    height: 50px;
}

现在，如果td中的内容较少，则布局显示正常......但如果有更多内容，则IE会扩展单元格宽度/高度并显示内容。

但是在Firefox中，内容div的宽度/高度保持固定，并且不会根据内容进行扩展，这会使布局看起来有点破碎。

我尝试更改包含td / div元素的overflow属性，但它在Firefox中运行不正常。

请帮帮我。谢谢。

Answer 1

删除班级.blockout，或删除其上的高度限制。如果您希望至少 50px高，请改用min-height。

Firefox中的CSS溢出问题

1 个答案: