javascript - div内的表格是否忽略最大宽度？

Question

我有以下代码：

<div style="max-width: 100px; overflow: scroll">
  <table>...</table>
</div>

我想限制 的大小div，但是让表格尽可能地伸展（即忽略max-widthparent 的属性div。你是怎么做到的？目前浏览器会调整表格的大小以尝试遵循max-width...

Answer 1

将table的位置设置为absolute，则不受父div的约束

<div style="max-width: 100px; overflow: scroll">
  <table style="position:absolute;">...</table>
</div>

Answer 2

在 CSS 文件中：

div {
    overflow: visible;
}

您不能使用position: absolute;fortable元素，因为它不会忽略div...div忽略 IT。如果您没有填充表格下方的 div，则它根本不会显示。

PS - 我说故意放入 CSS 文件。我看到他在他的 HTML 中有它，但你应该很少将 CSS 样式放在 HTML 文件中。使用 .css 集中并标准化整个站点，所有必须设置的只是类和 id。