Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否在div内设置表格忽略最大宽度?_Javascript_Html_Css - Fatal编程技术网

Javascript 是否在div内设置表格忽略最大宽度?

Javascript 是否在div内设置表格忽略最大宽度?,javascript,html,css,Javascript,Html,Css,我有以下代码: <div style="max-width: 100px; overflow: scroll"> <table>...</table> </div> ... 我想限制div的大小,但让表尽可能地伸展(即忽略父级div的max width属性。如何执行此操作?当前浏览器调整表的大小,以尝试遵循max width。将表的位置设置为绝对,然后它将不受父级div的约束 <div style="max-width: 100px

我有以下代码:

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

...

我想限制
div
的大小,但让表尽可能地伸展(即忽略父级
div
max width
属性。如何执行此操作?当前浏览器调整表的大小,以尝试遵循
max width

将表的位置设置为绝对,然后它将不受父级div的约束

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

...
在CSS文件中:

div {
    overflow: visible;
}
您不能对
元素使用
位置:绝对;
,因为它不会忽略
div
div
会忽略它。如果您没有填充表下div的内容,它将不会显示


PS-我说是故意把CSS文件放进去的。我看到他在HTML中有CSS文件,但你不应该把CSS样式放在HTML文件中。使用.CSS可以在整个网站上进行集中和标准化,所有需要设置的都是类和ID。

dangit我无意中投了反对票,然后我尝试取消了向上的投票,没有办法再回去了零lol@Deryck:如果您不小心投了一种或另一种票,您可以再次单击该箭头将其撤消,如工具提示中所述。不幸的是,在一段时间后(如果我记得的话,则为5分钟),您的投票将被锁定,直到帖子被编辑。一旦我按下向下箭头,我认为向上点击将恢复为零,但它却一直增加到+1。它在每个方向都这样做。我认为这是stack的说法,“明智地选择…”在html Hmm中,这种排序是有效的,但现在整个表都是可见的?如何使表中只有
100px
可见?您是否希望该表与div一样为100px?因为您可以将css设置为
表{max width:100px;width:auto;height:100%;}
以1:1的比例进行缩放。如果这无助于为我重新解释您的目标。您是否尝试设置div的最小宽度或最大宽度?如果您尝试设置最大宽度,为什么要忽略父div的最大宽度属性?我只想显示
表的一部分,并能够在
div中滚动
以查看表的其余部分。但是,我不希望
根据
div
的宽度调整其大小。