Larghezza minima - Trucchi CSS

La min-widthproprietà in CSS viene utilizzata per impostare la larghezza minima di un elemento specificato. La min-widthproprietà sovrascrive sempre la widthproprietà se seguita prima o dopo widthnella dichiarazione. Gli autori possono utilizzare qualsiasi valore di lunghezza purché sia un valore positivo.

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

Dai un'occhiata a questa penna!

Prestare attenzione quando si assume che min-widthsia ereditato poiché questa proprietà non eredita da altri elementi padre. Se gli autori definiscono una larghezza utilizzando un valore assoluto (px, pt, in, cm, mm), la larghezza minima non avrà effetto poiché la larghezza è stata definita indefinitamente. Ad esempio, se come widthlunghezza viene utilizzato un valore di 200px , il min-widthvalore di 100px non sarà necessario poiché hai già specificato un valore assoluto per width(es. 200px). Il modo migliore per utilizzare min-widthè definire un widthvalore come percentuale e utilizzare un valore assoluto per la min-widthproprietà altrimenti utilizzare un valore percentuale per entrambi min-widthe widthnon produrrà il risultato atteso.