我不明白这两个HTML片段之间的不同的行为:TR上的设置高度与TD上的高度不同。为什么?
<!DOCTYPE HTML><html><body>
<TABLE style='border:1px solid black'>
<TR>
<TD style='height:100px'><div style='width:100px;height:100%;background-color:#ccc'></div></TD>
</TR>
</TABLE>
</body></html>
JFiddle:https://jsfiddle.net/ceyq6n10/
和
<!DOCTYPE HTML><html><body>
<TABLE style='border:1px solid black'>
<TR style='height:100px'>
<TD><div style='width:100px;height:100%;background-color:#ccc'></div></TD>
</TR>
</TABLE>
</body></html>
JFiddle:https://jsfiddle.net/hmjvu5gf/
在第一个例子,DIV垂直扩展到TD高度的100%。在第二种情况下,即使TD具有正确的垂直尺寸,DIV的高度为0.
请您解释一下为什么?谢谢