Мин. ширина - CSS-трикове

В min-widthимота в CSS се използва за задаване на минимална ширина на определен елемент. В min-widthимота винаги надделява над widthимота дали последвано преди или след widthвъв вашата декларация. Авторите могат да използват всяка от стойностите на дължината, стига те да са положителни стойности.

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

Вижте тази писалка!

Внимавайте, когато приемате, че min-widthе наследено, тъй като това свойство не наследява от други родителски елементи. Ако авторите определят ширина, използвайки абсолютна стойност (px, pt, in, cm, mm), минималната ширина няма да се отрази, тъй като ширината е дефинирана за неопределено време. Например, ако като widthдължина се използва стойност от 200px , min-widthстойността ви от 100px няма да бъде необходима, тъй като вече сте задали абсолютна стойност за width(т.е. 200px). Най-добрият начин за използване min-widthе да се определи widthстойност като процент и да се използва абсолютна стойност за min-widthсвойството, в противен случай се използва процентна стойност и за двете, min-widthи widthняма да доведе до очаквания резултат.