我一直在试图解决这个问题一段时间,找不到解决方案。fieldset不遵循其父母的身高
这里是我的代码
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>
我想fieldset
在第二个孩子div
取父div
的高度。所以,fieldset
的高度应该等于它的div
的height
。
我该怎么做?
非常感谢您的解决方案..这对我的问题之一。但是我遇到了另一个问题。第一个孩子有其他Div,当页面加载第二个孩子时,fieldset从父div的底部开始。我不明白为什么它这样做?任何解决方案 – IamaC 2012-02-02 20:35:17
@lamaC,我不太理解你的后续问题。最好问一个新问题,然后加入一个展示新问题的jsFiddle。通常,当你使用高度作为百分比时,你必须意识到链上每个父母的指定高度。 – Sparky 2012-02-02 21:48:25
感谢您的建议。这里是我的新问题的链接http://stackoverflow.com/questions/9121034/table-cell-in-div-is-not-working – IamaC 2012-02-02 22:35:46