Wat is het verschil tussen relative static en absolute positioning met CSS

Inleiding

Voor vele beginnende programmeurs/designers die zichzelf CSS hebben geleerd kan het nog wel eens onduidelijk zijn wat nu het verschil is tussen de verschillende soorten positioning. Met trial en error kan je er natuurlijk altijd komen. Toch zou het fijn zijn om ook echt te snappen wat het verschil is. Daarom het volgende artikel:

Stappen

Een div kan je eigenlijk overal in een webpagina plaatsen. Soms kan je met position absulute een div ook echt linksboven in het document plaatsen, maar soms werkt dit echter niet. Dit komt omdat de DIV vastzit in een div met een relative positioning. Hij wordt dus opgeeist.

Zie het volgende plaatje:

Wil je niet dat het DIV je de opliggen DIV opeist? Kies dan voor static:

Links

• http://css-tricks.com/absolute-positioning-inside-relative-positioning/#2