Positioning Elements Precisely

In this chapter, I’m going to discuss CSS positioning (sometimes referred to as CSS-P), which not only removes an element from the flow of the document, but also allows you to position it with pinpoint accuracy. However, CSS positioning is rarely appropriate for laying out complete pages. Web design is different from print layout, where the dimensions of the page are immutable. Web pages need to be flexible.

The role of CSS positioning lies in creating effects, such as text disappearing behind a static image as you scroll the page and elements that overlap each other. It’s also useful for creating tooltips ...

Get Beginning CSS3 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.