CSS/HTML：使2个子元素填充容器div高度的50%

这看起来很简单，但我找不到任何直接的方法来实现这一点

代码：（HTML）

标题

东西
标题

东西

因此，我需要每个

.subcent

填充

.subcent-outer

高度的50%，它在现代浏览器中工作，容器分区的高度可能会改变

我该怎么做

谢谢

---

哈雷

你忘了结束段落。关闭它们，就像这样：

       <div class="col-6-12 subcontent-outer">
            <div class="subcontent">
                <h1>Header</h1>
                <p>
                   Stuff
                </p>
            </div>
            <div class="subcontent">
                <h1>Header</h1>
                <p>
                   Stuff
                </p>
            </div>
        </div>

编辑：

将子元素的高度设置为百分比当然需要父元素具有指定的高度

在这种情况下，您可以通过以下方式轻松测试：

.subcontent-outer{
    height: 500px; /* for example */
}

.subcontent-outer, .subcontent{
    float: left;
}

.subcontent{
    height: 50%;
}

---

你想让分包商相互隶属吗？在一起？全宽？很抱歉，在彼此的下面。是否指定了子合同外部的高度？这可能是问题所在。试着给它指定一个高度。我能用最小高度吗？内容可能会扩展到300px以上。哦，不，它不会工作，但是我有一个额外内容的解决方案。溢流

.subcontent-outer, .subcontent{
    float: left;
}

.subcontent{
    height: 50%;
}

.subcontent-outer{
    height: 500px; /* for example */
}

.subcontent-outer, .subcontent{
    float: left;
}

.subcontent{
    height: 50%;
}