html - 表在 Firefox 中位置错误

Question

我有一堆内联 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/红色块应该在黄色区域。

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

Answer 1

添加float:left;表类

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

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