Yo ninjas, in this CSS positioning tutorial, I'll show you how to clear floats, so that elements below do not rise up underneath the floated elements.

We need to clear floats because floated elements are removed from normal document flow and essentially have no height within that normal flow. Clearing the floats, in essence, gives back the height to the element in normal document flow, so that elements below do not rise up behind the floated elements.

Pseudo Classes Video - www.youtube.com/watch?v=SlqUbzvuqDg&list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT&index=19

1. Introduction to CSS Positioning
2. Box Model Review
3. Normal Document Flow
4. Floating Elements
5. Clearing Floats
6. Floating Columns
7. Text Columns
8. Position Relative
9. Absolute Position
10. Fixed Position
11. Z - Index & Stacking Order
12. Clipping Content

Hey ninjas, in these CSS positioning tutorials, I'll show you the best methods by which to position content on your web pages using CSS. We'll go from looking at normal document flow, through to floats and the position property in CSS. Sign up here for CSS positioning wizardary.