CSS Mastery pp 27-42 | Cite as

Visual Formatting Model Recap


In this chapter you have learned about some of the peculiarities of the box model. You have seen how vertical adjacent margins collapse to form a single margin, and how IE 5.x on Windows interprets the width property differently from other browsers. You now understand the difference between absolute and relative positioning and how useful absolute positioning in a relative container can be. Lastly, you have seen how floats behave in various circumstances and learned that clearing works by increasing the cleared element’s top margin.

Now that you are armed with this knowledge, let’s start putting it to good use. In the next section of this book, you will be introduced to a number of core CSS concepts and you’ll see how they can be used to create a variety of useful and practical techniques. So open your favorite text editor, and let’s get coding.


Normal Flow Absolute Position Vertical Space Position Element Vertical Margin 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Copyright information

© Andy Budd, Cameron Moll, and Simon Collison 2006

Personalised recommendations