表在Firefox中被错误定位

时间:2013-04-01 18:06:46

标签: html css

我有一堆内联div,后跟一个块div。在内部块div中,应该有表格,类似于:

<div class="myInlineDiv"></div>
<div class="myInlineDiv"></div>
<div class="myBlockDiv">
    <table>
        ...
    </table>
</div>

问题是:表格在FireFox中未对齐。它在Chrome和IE中运行良好。

这是小提琴:http://jsfiddle.net/zk9eD/2/红色区块应该是黄色区域。

(我可以通过位置修复位置问题:内联;但它会导致表格宽度出现另一个问题)。

1 个答案:

答案 0 :(得分:2)

在表类

中添加float:left;
.table1 {
    background-color: red;
    width: 100%;
    border: 0px;
    float:left;
}

检查工作演示 - http://jsfiddle.net/zk9eD/5/