不管html中的顺序如何，如何让div子级覆盖剩余空间？

要让div子级覆盖剩余空间，可以使用CSS的定位属性和z-index属性来实现。

首先，将父级div设置为相对定位(position: relative;)，这样子级div的定位将以父级div为参考。

然后，将需要覆盖剩余空间的子级div设置为绝对定位(position: absolute;)，并通过top、bottom、left、right属性来控制其位置和大小。

最后，通过z-index属性来控制子级div的层级顺序，较大的z-index值将覆盖较小的值。

以下是一个示例代码：

<style>
    .parent {
        position: relative;
        width: 500px;
        height: 300px;
        background-color: lightgray;
    }

    .child {
        position: absolute;
        top: 50px;
        left: 50px;
        right: 50px;
        bottom: 50px;
        background-color: blue;
        z-index: 1;
    }
</style>

<div class="parent">
    <div class="child"></div>
</div>

在上述示例中，父级div的宽度为500px，高度为300px，背景色为浅灰色。子级div通过设置top、left、right、bottom属性来覆盖剩余空间，背景色为蓝色。通过设置子级div的z-index为1，使其位于其他元素之上。

这样，无论html中的顺序如何，子级div都会覆盖剩余空间。