Home/ Questions/Q 7439767
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T10:45:11+00:00

I have an HTML div positioned at a certain point ( position: absolute; top:

  • 0

I have an HTML div positioned at a certain point (position: absolute; top: ...; left: ...). How do I make the div span from that point over to the edge of the page, and scale as the window is resized? I.e. – the same behavior as for width: 100%, but with the top left corner of the div at a specific, arbitrary point.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If the element is absolutely positioned, you can assign it’s top, left, bottom and right properties:

       <html>
    <head>
        <style>
            #foo{
                position: absolute;
                top: 10px;
                left: 10px;
                bottom: 0;
                right: 0;
                background-color: red;
                border: 5px solid blue;
            }
        </style>
    </head>
    <body>
        <div id="foo"></div>
    </body>
    </html>
    • 0