Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.
Let’s start by getting an idea of what absolute positioning does, and how it works. Here’s a little CSS to position the sidebar <div> with absolute positioning. Don’t type this in just yet; right now we just want you to get a feel for how this works:
Now let’s look at what this CSS does. When an element is absolutely positioned, the first thing the browser does is remove it completely from the flow. The browser then places the element in the position indicated by the top and right properties (you can use bottom and left as well). In this case, the sidebar is going to be 100 pixels from the top of the page, and 200 pixels from the right side of the page. We’re also setting a width on the <div>, just like we did when it was floated.