Das erkläre ich alles in Das „Innen“-Problem. Der Kern: Sie möchten einen Container von Rand zu Rand, aber der Inhalt darin soll eine begrenzte Breite haben. Ich finde es absolut kein Problem, ein verschachteltes Element zu verwenden, aber es macht auch Spaß, die Möglichkeiten zu untersuchen, wie man das mit einem einzigen Element realisieren kann.
Mein Favorit aus diesem Artikel ist dieser, der Ihnen die Polsterung berechnet.
Während calc() tatsächlich den Trick macht, erlaubt es Ihnen nicht, eine minimale Polsterung zu haben. Nun, max() tut das. Ich finde es immer noch verdammt verwirrend, dass wir zu max() greifen, wenn wir einen Mindestwert wollen, aber hey, man muss sich diese Muskelgedächtnis aufbauen.
Leser Caluã de Lacerda Pataca antwortete auf unseren letzten Newsletter, in dem wir diese Funktionen erwähnten, mit dieser cleveren Idee.
Jetzt können wir sicherstellen, dass der Inhalt nicht an den Rändern zerquetscht wird, egal was passiert.
Wir brauchen
min-paddingundmax-padding.