Not only can we use divs to create structure for our page, we can use divs to create elements that are placed at specific locations on a page relativeto their normal position.
For example, I can specify CHANGES to top, bottom, right, and left pixel position for relative positioned divs. That element will be moved from it's current position based on the values given to top, bottom, right, and left. Unfortunately, they only visually move. The occupied space is still "taken."
Use CSS to move the element below aroundfrom their normal position.
What will happen if you set the red div's top to -15px? What will happe if you set the black div's left to -20px? They get moved from their locations, but they stil occupy that "space."