Question

我在表中有一个表，我希望外表总是100％的父级宽度，没有水平滚动，然后内部表有一个水平滚动条（只有它有足够的列，它需要它。）

这是一个导致html元素滚动并使外表拉伸的示例，这不是好事。

当您显示内部表时，您会看到它拉伸外部表，当它被隐藏时，外部表完全适合它的父表而没有滚动。理想情况下，保持html相同（当然除了一些css类）是最好的，因为这个html在我的项目中最有效。但是，任何解决方案都可能有所帮助。

感谢。

Answer 1

这是一种方法。

首先，将position: relative添加到包含td元素：

<td colspan="6" style="position: relative;">

然后，您将新的CSS规则应用于封闭的div：

<div class="innertable">

如下：

.innertable {
  border: 1px dotted blue;
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
}

这似乎对内部表的一行或多行很有效。