Kapitel 6. Lösungen für das CSS-Layout-Puzzle
Wenn Sie Seitenlayouts mit CSS erstellen, besteht die größte
Herausforderung darin, die einzelnen Layout-Bestandteile
genau an der richtigen Stelle zu platzieren. Hierfür
gibt es in CSS drei Grundwerkzeuge: Positionierung, float
und width
/margin
.
Allerdings müssen Sie, um diese Werkzeuge verwenden zu können, die
zugrunde liegenden Konzepte verstanden haben – und das kann recht
schwierig sein.
Das CSS-Boxmodell und die Größe von Elementen
Stellt der Browser Blockelemente wie div
oder p
dar, besteht jedes Element, wie in Abbildung 6.1 gezeigt, aus vier Grundbausteinen (von innen nach außen): Inhalt, Innenabstände, Rahmen und Außenabstände. In aktuellen Implementierungen des CSS-Boxmodells werden die Ausmaße ...
Get Das Beste an HTML & CSS now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.