可滚动div中的内容，导致IE中出现页面滚动条
可滚动div中的内容，导致IE中出现页面滚动条
提问于 2018-05-29 06:32:08
我正在尝试将粘性标题合并到我公司的内部数据表组件中。我让它工作的最好方法(使用Chrome)，同时又不会搞砸任何其他功能，就是生成如下所示的内容：
<table class="headers">
<thead> // ... header stuff</thead>
<tbody> // ... body stuff</tbody>
</table>
<div class="scrollBody">
<table class="headers">
<thead> // ... header stuff</thead>
<tbody> // ... body stuff</tbody>
</table>
</table>css如下所示：
th {
border: 1px solid black;
}
.headers tbody {
visibility: collapse;
}
.scrollBody thead {
visibility: collapse;
}
.scrollBody {
display: inline-block;
max-height: 250px;
overflow: auto;
}这就是Chrome想要的效果。它显示一个带有标题的表和一个滚动表体的滚动条。然而，在IE中，它看起来是正确的，直到你意识到页面现在有两个滚动条。一个在表体旁边(不出所料)，页面本身也有一个。
以下是一个代码的链接：https://codepen.io/petetalksweb2/pen/WyeaWL?editors=1100
任何帮助都是非常感谢的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-05-29 06:35:53
用带有overflow: hidden;的div包围它
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50574106
复制相关文章
相似问题
腾讯云开发者
