表格嵌套 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配合吧
new document
chrome下效果
刚才查了一下css权威指南,p370页,表布局 之 高度。
表的高度计算在很大程度上留给用户代理决定。历史证明,各用户代理很可能有不同的做法,所以你要尽可能避免设置高度。










