http://jsfiddle.net/ZAvDd/
正如我的表行成长的高度,我想我的DIV中,以自动匹配它。
对于上面的代码,我div
的高度始终是0
。
据我所知, height:inherit
只适用于当你明确指出父(高度<td>
但我不想这样做,因为我不知道什么样的内容高度将被陈列在那里。
是否有任何的CSS技巧来做到这一点还是我不得不求助于一些JS?
http://jsfiddle.net/ZAvDd/
正如我的表行成长的高度,我想我的DIV中,以自动匹配它。
对于上面的代码,我div
的高度始终是0
。
据我所知, height:inherit
只适用于当你明确指出父(高度<td>
但我不想这样做,因为我不知道什么样的内容高度将被陈列在那里。
是否有任何的CSS技巧来做到这一点还是我不得不求助于一些JS?
你可以不使用height
的规则,但你仍然可以实现你后由绝对定位的div的效果。 由于这种改变div的布局,您将不得不宽度适用于td
,而不是:
td.fooed {position:relative; width:30px;}
td.fooed .foo {
position:absolute; top:0px; left:0px; right:0px; bottom:0px;
background:gray;
}
这是你的提琴: http://jsfiddle.net/ZAvDd/2/
什么是你的div的目的是什么?
您的div有目前的0(零)的高度,因为它是空的。 你可以做的是通过添加类将其直接应用样式到父TD:
<td class="bar">
并相应地设置样式:
.bar { background: gray;}
这真的取决于你的div的目的。