In the previous tutorial ? Part 14 ? we discussed the document flow. We discovered that to create a CSS layout it would be necessary to remove some elements from the document flow to allow them to sit by side.

We investigated two different ways that allowed us to move such elements from the document flow, they were floating and absolute positioning. In this tutorial, we will explore the absolute value of the positioning property and discover exactly how the value works and why it shouldn't be used for laying out your web page structure.

The CSS For Absolute Beginners Series:
CSS For Absolute Beginners - Part 1: Syntax and Type Selectors
CSS For Absolute Beginners - Part 2: Linking Style Sheets
CSS For Absolute Beginners - Part 3: Making CC & DT Style Sheets Work for You
CSS For Absolute Beginners - Part 4: Type, Class & ID Selectors
CSS For Absolute Beginners - Part 5: Pseudo-Classes and Elements
CSS For Absolute Beginners - Part 6: Grouping Selectors
CSS For Absolute Beginners - Part 7: Contextual Selectors
CSS For Absolute Beginners - Part 8: Specificity
CSS For Absolute Beginners - Part 9: Properties and Values - Working with Borders
CSS For Absolute Beginners - Part 10: Properties and Values - Working with Margins & Paddings
CSS For Absolute Beginners - Part 11: Properties and Values - The Display Property
CSS For Absolute Beginners - Part 12: Properties and Values - The font Property
CSS For Absolute Beginners - Part 13: Inheritance
CSS For Absolute Beginners - Part 14: Moving Elements In & Out of the Document Flow
CSS For Absolute Beginners - Part 15: Absolute Positioning
CSS For Absolute Beginners - Part 16: Position Relative Coming Soon...