Home/ Questions/Q 7158159
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T13:00:55+00:00

Given the following HTML: <!doctype html> <html> <body> <span style=background-color: blue;> Some text here

  • 0

Given the following HTML:

<!doctype html>
<html>
<body>

<span style="background-color: blue;">
   Some text here <br />
   Some text here <br />
   Some text here <br />
   Some text here <br />
</span>

<div style="position: relative; background-color: lightblue;" id="first">
   <div style="position: absolute; left: 180px; background-color: green;" id="second">
      This is an absolutely positioned div within a div relative to the page.
   </div>
</div>

<div style="background-color: red;" id="last">This is now positioned behind.</div>

</body>

</html>

(written for illustration purposes only).

Is there any way to make the flow of the document reset such that the div with id ‘last’ appears in flow with the rest of the document, after the absolutely positioned div (not behind). Without embedding it inside the divs with ids ‘first’ or ‘second’.

I need to keep the general layout similar to this. But I don’t want to have to use javascript to hackily position anything.

Any ideas or something I’m missing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    One way would be to add a height rule to #first using css, making #first taller than #second and forcing #last out from underneath #second. That would be the easiest way I can think of. Does this help?

    • 0