Min-bredd - CSS-tricks | CSS Almanack 2025

Den min-widthegendom i CSS används för att ställa in bredden minimum av en viss del. Den min-widthegenskapen åsidosätter alltid widthegenskapen eventuellt följt före eller efter widthi deklarationen. Författare kan använda vilket som helst av längdvärdena så länge de är ett positivt värde.

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

Kolla in den här pennan!

Var uppmärksam när du antar att det min-widthärvs eftersom den här egenskapen inte ärver från andra överordnade element. Om författare definierar en bredd med ett absolut värde (px, pt, in, cm, mm), kommer minbredden inte att påverka eftersom bredden har definierats på obestämd tid. Till exempel, om ett värde på 200px används som en widthlängd, kommer ditt min-widthvärde på 100px inte att vara nödvändigt eftersom du redan har angett ett absolut värde för width(dvs. 200px). Det bästa sättet att använda min-widthär att definiera ett widthvärde som en procentsats och använda ett absolut värde för min-widthfastigheten annars använder ett procentvärde för båda min-widthoch widthkommer inte att ge det förväntade resultatet.