Fatal编程技术网
  • html/
  • Html 表格在div中，是否在溢出时滚动？

Html 表格在div中，是否在溢出时滚动？

html css

Html 表格在div中，是否在溢出时滚动？,html,css,Html,Css,我有以下HTML： <div class="gv-left col-lg-4"> <h2>Title</h2> <table class="table table-hover table-condensed"> <thead> <tr><th>ID</th></tr> </thead> &l

我有以下HTML：

<div class="gv-left col-lg-4">
    <h2>Title</h2>
    <table class="table table-hover table-condensed">
        <thead>
            <tr><th>ID</th></tr>
        </thead>
        <tbody id="songs">
        </tbody>
    </table>
</div>


标题
身份证件
div是引导流体容器中引导行的子级。div上的
gv left
类定义了div的固定高度
height:95vh。tbody由JavaScript函数填充内容（
tr
/
td
）

我想实现：


    

  • 该表将填充div中的剩余空间
    • 

  • 应使用h形滚动条处理tbody的水平溢出（仅滚动tbody！）
    • 


如果我也给tbody添加了一个固定的高度，并给它一个
display:block的样式；溢出y：自动滚动就像一个符咒。不幸的是，如果我删除固定表/tbody的高度，使其填充div=>中的剩余空间，它将超出div，tbody将永远无法滚动（相反，该表将溢出div，并显示一个页面h滚动条）

有什么想法吗？


。表包装器{
边框：1px纯红；
宽度：100px；
高度：50px；
溢出：自动；
}
桌子{
边框：1px纯黑；
右边距：20px；
}
运输署{
宽度：20px；
高度：20px；
背景色：#ccc；
}



A.
B
C
D
A.
B
C
D
A.
B
C
D
A.
B
C
D