我一直在尝试解决这个问题一段时间，找不到解决方案。
这是我的代码
CSS
.parent{
width:100px;
display:table;
border:1px solid green;
}
.child{
width:50px;
background:blue;
display:table-cell;
height: inherit;
}
.child + .child{
background:red;
}
HTML
<body>
<div class="parent">
<div class="child">a <br/> b<br/> b<br/> b<br/> b<br/> b<br/> b</div>
<div class="child" style="border: 2px dashed black">
<fieldset style="height:100%;">a</fieldset>
</div>
</div>
</body>
我希望第二个子 div 中的 fieldset 具有父 div 的高度。因此，fieldset 的高度应该等于它所在的子 div 的 height。
我该怎么做？
最佳答案
当 parent 的高度被声明时，高度百分比有效。在您的情况下，height: inherit; 但它从名为 .parent 的父级继承任何内容。在 .parent 上设置 height 可以修复它。 (或者，您可以将名为 .child 的子项的 height 设置为 inherit 以外的值。)
HTML:
<div class="parent">
<div class="child">a <br/> b<br/> b<br/> b<br/> b<br/> b<br/> b</div>
<div class="child" style="border: 2px dashed black">
<fieldset style="height:100%;">a</fieldset>
</div>
</div>
CSS:
.parent{
width:100px;
display:table;
border:1px solid green;
height: 100% /* <-- added height to parent */
}
.child{
width:50px;
background:blue;
display:table-cell;
height: inherit;
}
.child + .child{
background:red;
}
关于css - fieldset 不遵循其父项的高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9116689/