Webdesign - Webseiten planen, gestalten - Free-Hack Library

92
display: none;
Das Element wird nicht angezeigt.
CSS
display: inline-block;
Erzeugt äußerlich einen Block, für den Breite, Höhe und
Außenabstand angegeben werden kann, belässt das Element
jedoch im laufenden Textfluss.
display: list-item;
Funktioniert wie „block“ jedoch mit einem Aufzählungszeichen
davor.
Relative Positionierung
Ausgehend vom normalen Textfluss können Elemente mit Hilfe
relativer Positionierung platziert werden. Das funktioniert
folgendermaßen:
1.
2.
Die relative Positionierung eines Elements verschiebt es
von seiner normalen Position im Flow an eine andere.
Der ursprüngliche Platz des Elements wird als „geschützt“
markiert und die anderen Elemente im Dokument verhalten
sich so, als befände sich das verschobene Element immer
noch an seinem ursprünglichen Platz (Abb. 4.4.9b).
Relative Positionierung
Blockelement
Blockelement
Blockelement
.rahmen {
border: 1px solid #cc3333;
margin-bottom: 1px;
width: 250px;
}
.rahmen2 {
border: 1px solid #33cc33;
margin-bottom: 1px;
width: 250px;
position: relative;
top: 10px;
left: 10px;
}