制作 继承父的高度( )只使用CSS?(Making a
inherit th

2019-07-18 12:25发布

http://jsfiddle.net/ZAvDd/

正如我的表行成长的高度,我想我的DIV中,以自动匹配它。

对于上面的代码,我div的高度始终是0

据我所知, height:inherit只适用于当你明确指出父(高度<td>但我不想这样做,因为我不知道什么样的内容高度将被陈列在那里。

是否有任何的CSS技巧来做到这一点还是我不得不求助于一些JS?

Answer 1:

你可以不使用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/



Answer 2:

什么是你的div的目的是什么?

您的div有目前的0(零)的高度,因为它是空的。 你可以做的是通过添加类将其直接应用样式到父TD:

<td class="bar">

并相应地设置样式:

.bar { background: gray;}

这真的取决于你的div的目的。



文章来源: Making a
inherit the height of parent () using only css?