Positionieren: `left, right, top, bottom`

Beispiel

Die Angaben left, right, top, bottom legen die Position eines Elements fest. Voraussetzung dafür ist die Angabe der Positionsart mit absolute, relative oder fixed.

left: Abstand des linken Elementrand vom linken Rand des übergeordneten Elements.
right: Abstand des rechten Elementrand vom rechten Rand des übergeordneten Elements.
top: Abstand des oberen Elementrand vom oberen Rand des übergeordneten Elements.
bottom: Abstand des unteren Elementrand vom unteren Rand des übergeordneten Elements.

Du musst für die horizontale Positionierung left oder right und für die vertikale Positionierung top oder bottom angeben.

<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>

Initialwert:	auto
Vererbbar:	Nein
Anwendbar auf:	Positionierte Elemente
Medium:	Visual
Werte:	auto Automatische Positionierung Längenangabe Prozentangabe Inherit
Prozentuale Werte:	Beziehen sich auf die Höhe des Eltern Elements.