<!DOCTYPE html>
<html>
<head>
    <style>
        body, html {
            height: 100%;
            margin: 0;
        }
        .container {
            height: 100%;
        }
        iframe {
            display: block;
            border: 0.5px solid gray;
            width: 99.99%;
            height: 99.99%;
        }
    </style>
    <script>
        addEventListener("load", () => {
            let iframe = document.getElementsByTagName("iframe")[0];
            let params = new URL(location.href).searchParams;
            let currentDepth = params.has("depth") ? parseInt(params.get("depth")) : 0;
            iframe.src = `self-referential-iframe.html?depth=${currentDepth + 1}`;
            top.postMessage(currentDepth, "*");
        }, false);
    </script>
</head>
<body>
    <div class="container">
    <div class="container">
    <div class="container">
        <iframe scrolling="no"></iframe>
    </div>
    </div>
    </div>
</body>
</html>
