Was können Sie tun, wenn Sie 30 Punkte von links und 5 Punkte von oben lokalisieren möchten?
#navigation
{
Position: absolut;
links: 30px;
oben: 5px
}
Natürlich können Sie auch Folgendes tun:
Rand: 5px 0 0 30px
Beachten Sie, dass die Reihenfolge der 4 Zahlen ist: oben, rechts, unten, links. Natürlich ist manchmal die Positionierung statt der Ränder besser.
10. Hintergrundfarbe direkt am unteren Bildschirmrand
Die Steuerung in vertikaler Richtung liegt außerhalb der Möglichkeiten von CSS. Wenn Sie möchten, dass die Navigationsleiste wie die Inhaltsleiste direkt zum Ende der Seite reicht, ist die Verwendung einer Tabelle sehr praktisch, wenn Sie jedoch nur CSS wie dieses verwenden:
#navigation
{
Hintergrund: blau;
Breite: 150px
}
Eine kürzere Navigationsleiste reicht nicht direkt nach unten, sondern endet, wenn der Inhalt auf halbem Weg endet. Was zu tun?
Leider besteht die einzige Möglichkeit zum Betrügen darin, der kürzeren Spalte ein Hintergrundbild hinzuzufügen, dessen Breite der Spaltenbreite entspricht und dessen Farbe mit der eingestellten Hintergrundfarbe übereinstimmt.
Sie können derzeit nicht em als Einheit verwenden, da der Trick dann aufgedeckt wird, sobald der Leser die Schriftgröße ändert, und Sie nur px verwenden können.
11. Vergleich zwischen Block- und Inline-Elementen
Alle HTML-Elemente sind entweder Block- oder Inline-Elemente. Die Eigenschaften des Blockelements sind:
Beginnen Sie immer in einer neuen Zeile
Höhe, Zeilenhöhe sowie oberer und unterer Rand können gesteuert werden
Die Breite beträgt standardmäßig 100 % des Containers, sofern keine Breite festgelegt ist
