From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Normal document flow

Normal document flow - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

Normal document flow

When people first learn how to control page layout with CSS, they're very eager to learn about things like floating, using positioning, and other details about page-layout techniques. While this is understandable, one of the unfortunate side effects of this is that people often don't pay enough attention to one of the most important page- layout concepts of them all, and that would be normal document flow. Normal document flow is exactly what happens to your page when you do nothing at all. It's the rules that all browsers use to control the appearance of elements on the page. It's also more powerful than most people think, so let's take a closer look at normal document flow and how it relates to page layout. And to do that I've got the normal.htm file opened, and you can find that in the 01_06 folder in your exercise files. Now the first thing I want to do is just take this page and open it up in the browser so you can see what it looks like with absolutely no styling applied to it…

Contents