Detailed CSS positioning lesson discussing clearning floats and all of the different position and box offset properties. CSS Positioning Review the W3C CSS standard recommendation. There are a few things you should note regarding floated boxes. For one, the box being floated should have. Chapter 17 : CSS Positioning Inherited: No Position. The position property (as you may have guessed) changes how elements are positioned on your webpage. A page element with relative positioning gives you the control to absolutely position children elements inside of it. To some, this is obvious. To others, If you add a relative position style tag to the image, you can place it further down the page, or even directly on top of the text. Relative Positioning Example In this article we'll look at how to use CSS Positioning in a document. Essentially, there are three main ways of adding CSS to a document. These are: inline. Values. static The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply. relative The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects. The term CSS positioning refers to using CSS to position elements on your HTML page. CSS allows you to position any element precisely where you want it. CSS positioning is an important alternative to using CSS floats. This is a guide to using CSS positioning properly so you can get the layout you want for your design.