gpt4 book ai didi

css - fieldset 不遵循其父项的高度

转载 作者:可可西里 更新时间:2023-11-01 13:16:04 24 4
gpt4 key购买 nike

我一直在尝试解决这个问题一段时间,找不到解决方案。

这是我的代码

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 的高度应该等于它所在的子 divheight

我该怎么做?

最佳答案

当 parent 的高度被声明时,高度百分比有效。在您的情况下,height: inherit; 但它从名为 .parent 的父级继承任何内容。在 .parent 上设置 height 可以修复它。 (或者,您可以将名为 .child 的子项的 height 设置为 inherit 以外的值。)

http://jsfiddle.net/HtAJw/

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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com