http://www.barelyfitz.com/screencast/html-training/css/positioning/

• Relative:

With position:relative, you can use top or bottom, and left or right to move the element relative to where it would normally occur in the document.

If we set relative positioning on a div, any elements within this div will be positioned relative to it. (Even if the child element use absolute positioning).

• Absolute:

The element is removed from the document normal flow and placed exactly where you tell it to go.

CSS Positionning Test #01

CSS Positionning Test #02

CSS Constraining element - Test #01

CSS Constraining element - Test #02

CSS Constraining element - Test #03 - In a Flex container

Flex container resizable constraining a DIV

Flex/Column container constraining a TABLE

Test de mise en page web **fixe** en CSS

Page layout with DIVs absolutes and relatives.

https://jsfiddle.net/b7zrvjhb/Exemple mise en page complète

Test d'ombrage de box

Test d'image encapsulée dans la CCS

Radio button group [html + CSS]

Radio button group