html - 表格在 Firefox 中错位

Question

我有一堆内联 div，后面跟着一个 block div。在 block div 中，应该有表格，类似这样的东西:

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

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

这是 fiddle :http://jsfiddle.net/zk9eD/2/红色 block 应该在黄色区域。

(我可以用 position: inline 解决位置问题；但它会导致另一个表格宽度问题)。

Answer 1

在表类中添加float:left;

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

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