Jquery 表中的固定流体列 定宽列：250px 流体宽度列：剩余宽度

我不是用这个来创建页面布局，我需要使用Table。有没有办法实现这种跨浏览器的功能？我已经在这个项目上使用jQuery了，如果有帮助的话

<table>
  <tr>
     <td>Fixed-Width Column: 250px</td>
     <td>Fluid Width Column: remaining width</td>
  </tr>
</table>

maincontent将自动获取剩余宽度

使用基于

的布局可以获得相同的结果。html：

.styletable {
    width: 100%;
}

.navigation {
    width: 250px;
}

maincontent将自动获取剩余宽度

使用基于

的布局可以获得相同的结果。html：

.styletable {
    width: 100%;
}

.navigation {
    width: 250px;
}

好吧，我想：

.navigation {
    width: 250px;
    float: left;
}

.maincontent {
    margin-left: 260px;
}

定宽列：250px
流体宽度列：剩余宽度

我还不知道它是否可以跨浏览器使用。

好的，我想：

.navigation {
    width: 250px;
    float: left;
}

.maincontent {
    margin-left: 260px;
}

定宽列：250px
流体宽度列：剩余宽度

---

我还不知道它是否可以跨浏览器使用。

在大多数浏览器中，没有宽度的表格将获得填充内容所需的最小宽度。在大多数现代浏览器中，当您将表格设置为相对于包含元素的宽度时，它看起来是相同的：在大多数浏览器中，没有宽度的表格将获得填充内容所需的最小宽度。在大多数现代浏览器中，当您将表格设置为相对于包含元素的宽度时，它的外观将相同：

.navigation {
    width: 250px;
    float: left;
}

.maincontent {
    margin-left: 260px;
}

<table>
  <tr>
     <td width="250px">Fixed-Width Column: 250px</td>
     <td>Fluid Width Column: remaining width</td>
  </tr>
</table>