html - 仅使用 css 使 <div> 继承父级 (<td>) 的高度?

标签 html css inheritance height

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;
}

这是你的 fiddle :http://jsfiddle.net/ZAvDd/2/

关于html - 仅使用 css 使 <div> 继承父级 (<td>) 的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14442747/

相关文章:

javascript - 是否可以防止使用js将iframe内容转义到主页?

html - 表格行不突出显示悬停

javascript - 如何通过 contenteditable div 输入将元素的换行符(格式)保留到附加到列表中?

c# - 从基类创建派生类的实例

mysql - Hibernate createSQLQuery 获取sql计数

c++ - 从构造函数体调用父类(super class)构造函数

javascript - 如何添加指向已获得翻转脚本的图像的链接?

html - 如何使文本严格显示在与上述图像的左侧钻孔对齐的图像底部 - 无论父对齐方式如何?

JavaFX:如何禁用 TableView 中的 ScrollBars

css - 我如何先显示侧边栏而不是内容