css - 子div应该和父div一样高

Question

我需要一个子 div 与其父 div 一样高，但我不知道父 div 的高度。它可以改变。设置“height: 100%”不起作用，因为 div 将占据整个页面的高度。

这是 div 的布局:

<div id="deelnemersballoon">
    <div class="balloonarrow"></div>

    <div class="balloonborder">

        <div class="ballooncontent">
            <div id="aantaldeelnemers">1</div>
            <div id="deelnemertekst">deelnemer werd toegevoegd.</div>
            <div class="clear">
                <button>Add something</button>
            </div>
        </div>

    </div>

</div>

.balloonarrow 应该和#deelnemersballoon 一样高

Answer 1

以像素为单位设置父级 div 高度(例如 height:100px )并将子级设置为 100% (height:100%) 。 child 只占满父div宽度