表列固定宽度

Question

我在为表列设置固定宽度时遇到问题。看看jsfiddle示例：

http://jsfiddle.net/Stylock/jJ6DK/

中间列应为300px宽，左列应为80px宽，但由于某种原因，所有三列的宽度相同。任何人都知道如何解决这个问题？

Answer 1

从table-layout: fixed移除table：

table {
    border: 1px solid #D7E4B9;
    background: #B4CDCD; 
}

固定代码：http://jsfiddle.net/jJ6DK/2/

Answer 2

删除表的css样式，它应该可以工作：

table-layout: fixed;

演示：http://jsfiddle.net/jJ6DK/6/

当您为表格设置table-layout: fixed时，将采用以下算法：

• 水平布局仅取决于表格的宽度和列的宽度，而不是单元格的内容
• 允许浏览器以比自动表格布局更快的速度布置表格
• 一旦收到第一行，浏览器就可以开始显示表格