è una pessima abitudine usare le dichiarazioni !important
nei fogli di stile standard. Evitatelo a tutti i costi, perché spezza la natura a cascata dei fogli di stile.
Utilizzare uno more specific selector per sovrascrivere gli stili precedenti.
Per ripristinare gli stili predefiniti, utilizzare auto|inherit|0
in base all'attributo. Per min-height
è 0
. CSS3 introduce il valore speciale inital
che dovrebbe essere usato preferibilmente - ma sfortunatamente ha limitato IE support.
Nel tuo caso min-height:100px;
in un selettore con specificità più elevata (ID o stile in linea - preferibilmente non quest'ultimo) dovrebbe fare il trucco.
let div = document.querySelector("#morespecific");
div.innerHTML = "This div has its min-height set to: "+window.getComputedStyle(div).minHeight;
.someclass{
min-height:200px;
border:1px solid red;
}
#morespecific{
min-height:100px;
border-color:blue;
}
<div id="morespecific" class="someclass">
-- content --
</div>
necessario sostituire l'altezza minima: 200 px. min-height: auto non funziona anche – nik
grazie per la tua soluzione, omettevo px dopo 100px. ciò accade quando la figura arriva dinamicamente – nik
prego;) – Christoph