set the height of the parent div to 100 even if the viewport is larger than the parent duplicate

June 17, 2022 June 17, 2022 / 1 minute of reading

you should use “position:relative;” for parent div, test this :

<!DOCTYPE html>
<html style="height:100%; margin:0; padding:0">
  <body style="height:100%; margin:0; padding:0">

    <div style="position:relative; height:2000px; margin:0; padding:0; background-color:red">
      // Background div.
      <div style=" position:absolute; top:0; height:100%; width:100%; min-width:100%; background-color:blue">
      </div>

      // More divs with content on top.

    </div>
  </body>
</html>

CLICK HERE to find out more related problems solutions.

Leave a Comment Cancel Reply