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
的宽度调整其大小。