Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Part II: PropertiesIn Figure 11-3b, you can see that when you scroll down, the boxes stay where they were initially positionedwhen the page was loaded up.Figure 11-3bYou can modify what element is used as the point of reference for absolutely positioned elements. Therules are pretty simple: If an absolutely positioned element is contained within another element that hasa position other than static, then that element is used as the point of reference for positioned elements.One common way to change the point of reference for positioned elements is to give the containing elementa “relative” position, and that is the topic of the next section.Try It OutA Recap of Absolute PositioningExample 11-1. To review the concepts of absolute positioning that you learned in this section, follow thesesteps.1. Enter the following XHTML document in your text editor:Absolute Positioning378