Αναζήτηση ερωτήσεων…
⌘
K
English
Tiếng Việt
日本語
한국어
Español
العربية
বাংলা
čeština
Dansk
Deutsch
Ελληνικά
Suomi
Français
Gaeilge
ગુજરાતી
Hausa
हिन्दी
Hrvatski
Magyar
Bahasa Indonesia
Italiano
Basa Jawa
ქართული
Lietuvių
मराठी
Melayu
Malti
नेपाली
Nederlands
Norsk
ਪੰਜਾਬੀ
Polski
Português
Română
Русский
Slovenščina
Shqip
Svenska
Kiswahili
தமிழ்
తెలుగు
ภาษาไทย
Türkçe
اردو
简体中文
flow
Αρχική
Θέματα
Κατηγορίες
Διαδρομές μάθησης
Αναζήτηση
Αρχική
/
#Layout
#Layout
7 ερωτήσεις
Ποια είναι η διαφορά μεταξύ block και inline στοιχείων;
HTML
#layout
Junior
›
Τι ελέγχει η ιδιότητα display;
CSS
#layout
Junior
›
Ποιες είναι οι τιμές CSS position;
CSS
#layout
Junior
›
Πώς λειτουργούν το z-index και τα stacking contexts;
CSS
#layout
Middle
›
Πώς λειτουργεί η ιδιότητα overflow και τα κοντέινερ scroll;
CSS
#layout
Middle
›
. Warum funktioniert es häufig nicht — die Fehlerfälle **1. Ein Vorfahr hat `overflow: hidden/auto/scroll`.** Dies ist die Ursache Nr. 1. Sticky-Positionierung wird durch jeden scrollbaren Vorfahr unterbrochen, da das Element relativ zu *diesem* Scroll-Container klebt, nicht zur Seite: [[CODE_2]] **2. Das übergeordnete Element ist nicht hoch genug.** Sticky funktioniert nur, wenn das übergeordnete Element höher als das sticky-Element ist — wenn das übergeordnete Element die gleiche Höhe hat, gibt es nichts zu scrollen, es scheint also nie zu kleben. **3. Kein Schwellwert gesetzt.** Das Vergessen von `top`/`bottom` bedeutet keinen Klebepunkt. **4. Höhenbeschränkungen für das übergeordnete Element** (z. B. ein flex-Element, das Elemente ausdehnt) können auch den Scrollbereich entfernen. ## Debugging-Checkliste [[CODE_3]] ## Warum es wichtig ist `position: sticky` ermöglicht Sticky Headers, Tabellenheader, Seitenleisten und "Scrollspy" UIs ohne JavaScript. Aber seine Besonderheiten — besonders dass ein `overflow` auf *jedem* Vorfahr es stillschweigend bricht — machen es zu einer häufigen Quelle für "Warum klebt das nicht?" Debugging. Das Kennen des enthaltenden Block-Umfangs und der Overflow-Falle ist das, was es Ihnen ermöglicht, es zuverlässig zu verwenden.
CSS
#layout
Senior
›
Ποιες σύγχρονες συναρτήσεις και χαρακτηριστικά CSS απλοποιούν τη διάταξη (clamp, aspect-ratio, subgrid);
CSS
#layout
Senior
›
Ερωτήσεις συνέντευξης για Layout · Εξάσκηση Συνεντεύξεων IT