HTML.it - Guida CSS di base - Impostare la larghezza

max-width espressa in pixel e senza width

Questo box ha una larghezza massima di 800px. Allargando e restringendo la finestra si nota che raggiunti gli 800px (la larghezza massima), il box non si ingrandisce più.

.box-1 {
 max-width: 800px;
 height: 200px;
 padding: 10px;
 border: 1px solid #002c53;
 background: #568ec0;
}

min-width con width espressa in percentuale

Questo box ha una width pari al 70%, ma non può crescere in larghezza oltre gli 800px.

.box-2 {
 width: 70%;
 max-width: 800px;
 height: 200px;
 padding: 10px;
 border: 1px solid #002c53;
 background: #568ec0;
}