Css 如何将DIV元素填充到td parent中？

实际上，我在填写TD标签时遇到了一个小问题。我将在插入td的div上看到td设置的100%高度

如何将任何div填充到父级高度的100%

已解决

<?php 
`http://jsfiddle.net/s5rbv/`
?>

在firefox 26下工作，我不检查其他浏览器，因为我不需要回答您的问题：“如何将任何div填充到父元素高度的100%？”只需将子元素的div高度设置为100%，它将填充父元素的高度

childDIv{
    height:100%;
}

编辑根据您提供的新信息，以下是解决您问题的方法：

小提琴：

HTML

将div设置为position absolute，left和top设置为0，将其设置为td元素的左上角，但需要将td设置为relative才能工作。然后将div的高度设置为td元素高度的2倍。但要使其显示在第二行的顶部（rowspan=2），需要设置一个z索引

编辑

实际上，如果你填满了整个单元格，就不需要使用定位，而且它在firefox上也不起作用。正如评论中指出的那样

---

这里有一个更新：你能把你的问题说清楚吗？我需要一个高度为TD rowspan=“2”的div。如果你拉伸的原因是在单元格上有背景色，只需将样式放在

上即可。不，必须是div，我是xec的，请解释一下，除了伸展你的div，你还想做什么！为什么要这样做？不幸的是，这不会使

div

延伸到

td

。整个问题都源于rowspan，而您的演示缺少rowspan在

上不起作用。使用javascript会很容易。。。你能用javascript吗？我很确定它只能用css，我不应该用JS

<table>
<tr><td rowspan="2"><div>row 1 and 2</div></td><td>col 2</td><td>col 3</td></tr>
<tr><td>col 2</td><td>col 3</td></tr>
<tr><td>col1</td><td>col 2</td><td>col 3</td></tr>
</table>

*{margin:0;padding:0;}

table{
    border-collapse:collapse;
}

td{
    position:relative;
    height:100px;
    width:50px;  
    background-color:red;
}

td div {
    position:absolute;
    top:0;
    left:0;
    height:200px;
    z-index:10;
    background-color:green;    
}