Html 表列不显示在“调整大小”中

我有三张桌子。。。。。。 第一个表格未留有页边空白。。。。。 其中，作为接下来的两张表，我给了左边的空白，以便在左侧稍微移动它。。。。 但当我调整窗口大小时，我无法看到其他两个表中的最后一列。。。。 如何修复它。。。。 即使调整大小后，第一张桌子看起来也很好

在下面提供我的代码

<table class="table" style="margin-left: 160px; width: 1759px;">
              <thead>
                <tr class="subBomListHeading subBomHeading" style="">
                  <th>BOM Type</th>
                  <th>Product P/N</th>
                  <th>Version</th>
                  <th>Brand Name</th>
                  <th>BOM Description</th>
                  <th>Generation</th>
                  <th>Version</th>
                  <th>Notes</th>
                  <th>Delete</th>
                </tr>
              </thead>
              <tbody>
                <tr style="background-color: #e5dcd1;" class=" subBom">
                  <td>sub BOM</td>
                  <td>99-00302-00</td>
                  <td>v.02</td>
                  <td>Creative</td>
                  <td>Hardware v1.0 System</td>
                  <td>G1</td>
                  <td>1</td>
                  <td>new</td>
                  <td><input type="radio" name="sex" value="male"></td>
                </tr>
                </tbody>
              </table>

料表之种类
产品编号
版本
品牌名称
物料清单说明
一代
版本
笔记
删除
子BOM表
99-00302-00
v、 02
创造性的
硬件v1.0系统
G1
1.
新的

我将假设您的表上设置了

宽度：100%

，这是您的问题，它们被设置为窗口的宽度，然后向右移动，这样您就看不到最后一列，您应该将宽度更改为较低的值。

尝试：

<table class="table" style="margin-left: 160px; width: 100%;">

另外，请记住，

不是“responsive”（在“re-layout”中有），而是“extensible”

---

您的表格以最小宽度显示，这很正常，您看不到最后一列，它会溢出视口。

CSS太多，我甚至无法尝试理解。我认为从一个表格开始，然后逐渐添加CSS是个好主意。

这里有几个问题

首先，您为表格定义了一个固定的宽度。根据如何在祖先元素上设置overflow属性，它可能会导致您描述的剪切，因为元素对于该空间来说太宽。目前还不清楚您希望这些元素的宽度有多大，但像这样的东西就可以做到：

table.brown {
    min-width: 80%; /* or just plain `width: 80%` */
}

最终，您将无法调整大小，因为表的内容根本不允许调整大小。一旦你的单元格缩小到1个字宽，你就无法在不添加

分词：全部分词的情况下帮助像“Description”这样的较长单词了

第二，如果要将边距推向特定方向，则需要对边距使用不同的设置。使用“自动”作为“左边距”的值将导致元素一直向右移动

table.brown {
    margin-left: auto;
}

我将您的属性交给了brown table……但问题仍然存在……提供了我的小提琴……您能提供一个您希望元素如何布置的图表或模型吗？@cimmanon提供了图像以澄清，您只希望棕色主题的表格向右对齐？谢谢您的回复，但棕色表格应该向右移动一点…..您可以看到图像我可以看到图像，您有其他样式，迫使表格100%宽，即
.table
类。