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 ...