Html CSS表格100%宽度，td宽度

编辑2：

问题似乎在于“bigTable”元素和规则。显然，在布局模板上使用时，th继承了错误的最小宽度。我还在调查这件事

尽管如此，我还是要为Div再做一次尝试。一个大问题是使用固定导航和动态内容，但我已经找到了解决这个问题的圣杯解决方案（）

谢谢你的建议&所有可爱的Trololo

---

编辑：

我把这个问题复制到了

---

我对桌子+td宽度有一个奇怪的问题。我有类似的代码：

<table class="mainLayout" style="width: 100%;">
    <tr>
        <td style="width: 250px;">
            <div id="leftNavigationPanel"> * content * </div>
        </td>
        <td id="panelCell">
            <div class="panel">
                 <table id="bigTable" width="100%"> * LOTS OF CONTENT, includes big table * </table>
            </div>
        </td>
    <tr>
</table>

*内容*
*内容丰富，包括大桌子*

当我在浏览器上运行此代码时，mainLayout会溢出，所以它会变成3600px，这是因为面板中有一个大表

我指的大桌子可以放在屏幕上。当这样做时，它会得到水平滚动条（这就是我想要的）。如果使用规则“宽度：100%”将大表加载到单独的html文件中，则此方法有效

在添加mainLayout规则“display:block；”后，mainLayout表以1800px的速度呈现，并包含在屏幕中，但问题是“panelCell”-TD的宽度仍然是3400px，所以我仍然需要整页滚动。。。TD不包含在表中，但总是扩展到250px+bigTable.width（）

基本上，浏览器不知道如何计算“panelCell”以仅填充：window.width-leftNavigationPanel

你知道如何在不使用javascript+为“panelCell”预先计算的最大宽度规则的情况下制定正确的规则吗

• panelCell必须包含在窗口中
  
• bigTable必须包含在带有滚动条的panelCell中

---

设置表格布局：修复了表格的许多奇怪问题：

<table style="table-layout:fixed;">
<col style="width:250px"/>
<col/>
<tr>
...

...

为什么要使用表格进行页面布局？所以您希望这些表格正好适合您，还是希望在表格中有一个滚动条？