Chapter 7

CSS Positioning and Layouts

In this chapter, we’ll explore creating CSS-based layouts. Using CSS to create pixel-perfect flexible layouts that look the same on all target browsers is one of the most common uses of CSS, but it’s also one of the most difficult. The key to understanding how to create such layouts with CSS lies in understanding one of the most basic features of the browser: the default document flow.

Without any CSS, browsers will lay out semantically marked-up content in a fairly predictable way. This default layout is often referred to as the “default document flow” or just the “default flow.” The default flow is based ...

Get CSS3 Solutions: Essential Techniques for CSS3 Developers now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.