Min-szélesség - CSS-trükkök

A min-widthCSS tulajdonság a megadott elem minimális szélességének beállítására szolgál. Az min-widthingatlan mindig felülbírálja az widthingatlant, függetlenül attól, hogy widtha nyilatkozat előtt vagy után követte-e . A szerzők bármely hosszúsági értéket használhatnak, amennyiben pozitív értékről van szó.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

Nézze meg ezt a tollat!

Legyen körültekintő, ha feltételezzük, hogy min-widthöröklődik, mivel ez a tulajdonság nem öröklik más szülőelemektől. Ha a szerzők egy szélességet abszolút értékkel határoznak meg (px, pt, in, cm, mm), akkor a min-szélesség nem lesz hatással, mivel a szélességet korlátlanul definiálták. Például, ha az érték az 200px használják widthhossz, az min-widthértéke 100px nem azért kellett, ahogy már megadott abszolút értékét width(vagyis 200px). A legjobb módja, hogy használja min-width, hogy meghatározza egy widthérték százalékában, és használja abszolút értéke az min-widthingatlan egyébként egy százalékos érték mind min-width, és widthnem a várt eredményt.