Was passiert, wenn Content Kostenüberschreitungen Max-Height in CSS?

"Max-Height" ist eine CSS-Eigenschaft, die zugewiesen werden kann alle Blockebenen-HTML-Element, z. B. < Div >, < p > oder < Blockquote >, um die maximale Höhe möglich für dieses Element festzulegen. Wenn der Inhalt die maximale Höhe überschreitet, ist das Standardverhalten den Inhalt trotzdem anzeigen; Sie können dies ändern, indem Sie das betreffende Element den "Überlauf" CSS-Eigenschaft hinzufügen.

Standardverhalten

Wenn keine "Überlauf"-Eigenschaft angegeben wird, werden Inhalte, die nicht in der angegebenen Höhe des Elements passt sowieso überfüllt die Grenzen seines enthaltenden Elements angezeigt. Dies kann Layout und Lesbarkeit Probleme verursachen, da keine Inhalte gefunden, sofort nachdem das überlaufende Element von der überquellenden teilweise abgedeckt werden Inhalte.

Verstecken-überfüllt-Inhalt

Hinzufügen einer "Überlauf" Eigenschaft mit dem Wert "versteckt" zu den überfließenden Element bewirkt alle Inhalte, der nicht in der angegebenen Höhe passt, ausgeblendet werden. Beispielsweise wenn ein 500 Bildpixel hoch zu einer maximalen Höhe von 250 Pixel und versteckte Überlauf innerhalb eines < Div > enthalten ist, wird nur die Hälfte des Bildes angezeigt.

Hinzufügen von Bildlaufleisten

Wenn Sie den Wert der Eigenschaft "Überlauf" auf "auto" bewirkt, dass eine Bildlaufleiste angezeigt werden, wenn der Inhalt ihr enthaltende Element überläuft, so dass die Gesamtheit des Inhalts ohne Layout oder Lesbarkeit Probleme verfügbar sein. Festlegen den "Überlauf" Wert "Blättern" bewirkt eine horizontale und eine vertikale Bildlaufleiste, immer sichtbar, ob der Inhalt ihr enthaltende Element oder nicht überläuft.

Überlegungen zur

Auch wenn beim Entwerfen Ihrer Website Ihre Inhalte nicht Ihre Höhe begrenzte Blockelemente überrannt wird, müssen Sie in Zukunft mehr Inhalte hinzufügen. Aus diesem Grund sollten Sie bei jeder Verwendung die CSS-Eigenschaft "Max-Height" immer die "Überlauf"-Eigenschaft hinzufügen; das zukunftssichere Ihr Layout und ermöglichen es Ihnen, Inhalte hinzuzufügen, ohne dass Änderungen am Layout selbst. Ob Sie festlegen den Überlauf mit Bildlaufleisten angezeigt oder ausgeblendet werden hängen von der Art Ihres Inhalts.