子div应该与父div一样高

Question

我需要一个孩子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应该与#denenemersballoon一样高

Answer 1

设置父级 div 高度（以像素为单位）（例如 height:100px ）并将子级设置为 100% (height:100%) 。子级仅完全占据父级 div 宽度