html - Fieldset 高度为其父项的 100%

Question

我有 2 fieldsets包裹在 <div> 中，让我们称他们为blah1和 blah2 .

blah2可以增长为其 <div> 的最大值 parent ，但我需要 blah1与他的 sibling 拥有相同的 % 高度 blah2

This is my demo

Answer 1

答案有点奇怪，但我成功了，看起来边距在这里弄得一团糟，如果我将它设置为 margin: 0 5px; 那么我可以同时制作 fieldsets 与其父级具有相同的 height

css 标记的一部分:

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px;
    height: 100%;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}
.blahContainer{
    width: 100%;
    height: 100%;
}

.blahColumna1{
    width: 70%;
    height: 100%;
}

如果您想查看最终演示，click here .

希望它能帮助到别人...