在div中有表忽略max-width？

Question

我有以下代码：

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

我想限制div的大小，但让表格尽可能地延伸（即忽略父max-width的{​​{1}}属性。你怎么做这个？目前浏览器调整表格大小以试图遵循div ...

Answer 1

将表的位置设置为绝对值，然后它不受父div

的约束

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

Answer 2

在css文件中：

div {
    overflow: visible;
}

您不能将position: absolute;用于table元素，因为它不会忽略div ... div会忽略IT。如果你没有填充表格下方div的东西，它根本就不显示。

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