Styling -Problem mit Puppenspieler ⇐ HTML

[Anonymous]

Kann mir jemand bei einem Styling -Problem helfen, es macht mich verrückt. Wenn ich in einer HTML -Seite zu 100% in der und Höhe mit statischer Inhalt wende, ist das Verhalten unterschiedlich, wenn Elemente (identisch) über JS hinzugefügt werden. src = "https://i.sstatic.net/boxlihvz.png"/>
.page {
    padding: 0px;
    font-size: 16px;
    line-height: 24px;
    background-size: cover;
    page-break-before: always;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

u/media print {
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
}
< /code>
Dies ist das Endergebnis ...
< /p>
Die Höhe des Divs ist gleich. Bildbeschreibung hier "src =" https://i.sstatic.net/mgrgaeds.png "/>
DOE Jemand weiß, wie ich das beheben kann?