Html CSS:绝对位置的表溢出问题

Html CSS:绝对位置的表溢出问题,html,css,overflow,Html,Css,Overflow,我有一个用div包装的表,带有overflow:auto,因此如果需要,表可以滚动。问题是我在一个单元格内有一个“工具提示”,它是position:absolute,比单元格宽(溢出),导致整个表格想要滚动。绝对位置不应影响溢流。发生什么事了 #换行{ 最大宽度:100%; 最大高度:100%; 溢出:自动; } 桌子{ 边框:1px纯黑; 边界塌陷:塌陷; 宽度:100%; } 运输署{ 位置:相对位置; 高度:50px; } 跨度{ 显示:块; 最小宽度:9999px; 位置:绝对位置;

我有一个用div包装的表,带有
overflow:auto
,因此如果需要,表可以滚动。问题是我在一个单元格内有一个“工具提示”,它是
position:absolute
,比单元格宽(溢出),导致整个表格想要滚动。绝对位置不应影响溢流。发生什么事了

#换行{
最大宽度:100%;
最大高度:100%;
溢出:自动;
}
桌子{
边框:1px纯黑;
边界塌陷:塌陷;
宽度:100%;
}
运输署{
位置:相对位置;
高度:50px;
}
跨度{
显示:块;
最小宽度:9999px;
位置:绝对位置;
顶部:25px;
左:0;
}

常规内容
绝对定位

我会稍微更改此代码,然后再添加一个


将外部
设置为
位置:相对
并使用
位置:绝对
创建内部
。它应该适合您。

“绝对位置不应影响溢出。”。。。你为什么这么说?我想我没有意识到溢出计算中使用了绝对定位元素。我认为这很混乱,但是你可以检查一下,这有一些不错的答案。有人这样解释:“因此,当你添加一个绝对定位的元素时,即使它不增加其包含块的宽度,它也会增加画布的大小。然后浏览器提供一种滚动机制,允许你查看整个画布。”这也是为什么
overflow:hidden
将绝对定位元素隐藏在其容器可视区域之外的原因。确实,绝对定位元素不在文档流中-这意味着它们不会影响同级元素的位置和父元素的高度/宽度。但它们仍然表示DOM中的内容,这会受到父容器溢出设置的影响