Positionsart: `position`

Bestimmt die Art, wie die Positionsangaben verwendet werden.

Code-Beispiel für `position`:

<style type="text/css">
.examplediv
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
 }
#divid
{
 position:absolute;
 left:450px; top:350px; width:300px; height:150px;
}
</style>

<body>

  <div id="divid" class="examplediv">
  ...
  </div>

Beispiel ansehen für position:absolute
Beispiel ansehen für position:relative
Beispiel ansehen für position:fixed

Initialwert:	static
Vererbbar:	Nein
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	absolute Absolute Positionierung durch die Angaben left, top, right, bottom. Absolut positionierte Elemente sind außerhalb des normalen Textfluß, sie liegen über den anderen Elementen und beeinflussen somit nicht ihr Layout. Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet, wenn dieses ebenfalls positioniert ist, oder wenn es der Seiteninhalt (<body>) ist. Da sich der Seiteninhalt scrollen lässt, werden absolut positionierte Elemente mitgescrollt. relative Relative Positionierung vom normalem Fluß. Die normale Position ist wie bei static im normalem Textfluß. Die Positionierungsangaben left, top, right, bottom verschieben das Element aus dieser Position. Die nachfolgenden Elemente verhalten sich so, als wäre das Element nicht verschoben fixed Wie absolute, jedoch bleibt das Element beim Scrollen stehen und die Positionierung orientiert sich am Viewport (dem sichtbaren Browserfenster) und nicht am übergeordneten Element. static Positionierung im Textfluss. Die Angaben left, top, right, bottom sind unwirksam. Inherit