„Position“ ist kein bestimmtes Layout, sondern eine Eigenschaft in CSS, die zur Steuerung der Positionierung von Elementen verwendet wird.
CSS-Layout bezieht sich auf die Definition und Steuerung des Layouts und der Position von Elementen auf der Seite durch eine Reihe von Layouttechnologien und -eigenschaften.
Zu den gängigen CSS-Layouttechniken gehören:
Blocklayout: Verwenden Sie Elemente mit dem Anzeigeattributwert „Block“ oder „Inline-Block“, um sie gemäß dem Box-Modell auf Blockebene anzuordnen und vertikal anzuordnen.
Flusslayout: Bei Verwendung des standardmäßigen Dokumentflusslayouts werden Elemente von oben nach unten und von links nach rechts in der Reihenfolge angeordnet, in der sie in HTML erscheinen, wenn keine Layoutmethode explizit deklariert ist.
Flexbox-Layout (Flexbox): Durch die Steuerung der Anordnung von Unterelementen über das Flex-Attribut und das Container-Attribut kann ein flexibles eindimensionales Layout zur Anpassung an unterschiedliche Bildschirmgrößen erreicht werden.
Rasterlayout: Unterteilen Sie die Seite mithilfe der Rastercontainer- und Rasterelementeigenschaften in Rasterbereiche, um ein komplexes zweidimensionales Layout zu erzielen.
Mehrspaltiges Layout: Verwenden Sie die Eigenschaften „column-count“ und „column-width“, um Text oder Elementinhalte in mehrere Spalten zu unterteilen.
Diese Layout-Techniken können einzeln oder in Kombination verwendet werden. Wählen Sie je nach Bedarf die am besten geeignete Layout-Methode. Das Attribut „Position“ ist ein Mechanismus zur Steuerung der Positionierung von Elementen. Es kann in verschiedenen Layouts verwendet werden, um die Position eines Elements relativ zu anderen Elementen oder dem Browserfenster zu ändern, indem unterschiedliche Attributwerte festgelegt werden.