如何将div的高度设置为外部div的100%高度？

要将div的高度设置为外部div的100%高度，可以使用CSS中的绝对定位和相对定位来实现。

首先，外部div需要设置为相对定位，这样内部的div才能相对于外部div进行定位。可以使用position: relative;来设置外部div的定位属性。

然后，内部的div需要设置为绝对定位，并且使用top、bottom、left、right属性来确定其位置。可以使用position: absolute;来设置内部div的定位属性。

接下来，设置内部div的高度为100%。可以使用height: 100%;来设置内部div的高度。

最后，设置内部div的上下左右边距为0，以确保它与外部div的边界重合。可以使用margin: 0;来设置内部div的边距。

以下是示例代码：

<style>
    .outer-div {
        position: relative;
        height: 200px;
        border: 1px solid #000;
    }
    
    .inner-div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        margin: 0;
        background-color: #f00;
    }
</style>

<div class="outer-div">
    <div class="inner-div"></div>
</div>

在上述示例中，外部div的高度被设置为200px，内部div的高度被设置为外部div的100%高度。内部div的背景颜色为红色。

这种方法可以确保内部div的高度始终与外部div的高度保持一致，无论外部div的高度如何变化。