如何实现嵌套表格的100%高度_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 16:31:15

如何实现嵌套表格的100%高度_html/css_WEB-ITnose

如何实现嵌套表格的100%高度_html/css_WEB-ITnose:表格嵌套 100%高度 table2的高度100%无效请问如何才能让其高度100%？回复讨论(解决方案) 把其自身的margin，padding除了

推荐度：

点击下载本文 文档为doc格式

导读如何实现嵌套表格的100%高度_html/css_WEB-ITnose:表格嵌套 100%高度 table2的高度100%无效请问如何才能让其高度100%？回复讨论(解决方案) 把其自身的margin，padding除了

表格嵌套 100%高度

table2的高度100%无效
请问如何才能让其高度100%？

回复讨论(解决方案)

把其自身的margin，padding除了，再用

把其自身的margin，padding除了，再用

说的好像真的似的，请在上面的代码中加好样式，如果可以，分全部给你

border-collspace:collspace; 这个不好用么?

你看看这个是不是你想要的结果

#table1 { width:100%; height:100%;border:3px solid gray;border-collapse:collapse;}#table1 td {border: 1px solid gray;padding:0px;}#table2 { width:100%; height:100%; margin:0px;border-collapse:collapse;}#table1 .detail {border-style: hidden;}#table2 td {border: 1px outset gray;}

你看看这个是不是你想要的结果

#table1 { width:100%; height:100%;border:3px solid gray;border-collapse:collapse;}#table1 td {border: 1px solid gray;padding:0px;}#table2 { width:100%; height:100%; margin:0px;border-collapse:collapse;}#table1 .detail {border-style: hidden;}#table2 td {border: 1px outset gray;}

抱歉，关键点：table2的100%高度还是没起作

我要的是table2能够占满class="detail"这个单元格，而且table1外面的div高度变化的话，table2也能跟着变

用js/jquery配合吧