2012-10-25 16 views
5

Ho notato che min-height non funziona in Opera. Sto cercando qualcosa di simile:min-height: auto non funziona in Opera

<div class="content"><div> 
<div class="content newstyle"><div> 

E il mio codice CSS è:

.content { 
    min-height: 600px; 
} 
.newstyle { 
    min-height: auto; 
} 

Opera E si comporta proprio come min-height non esisteva.
Se applico qualsiasi altro stile in .newstyle, come sfondo o qualsiasi altra cosa, allora funziona bene. Ma min-height: auto sembra non funzionare ...

Qualche idea?

risposta

11

CSS2.1 defines the initial value of min-height to be 0, not auto. Il valore auto non esisteva mai nei CSS2.1, quindi non è valido nei CSS2.1. Basta usare min-height: 0 invece:

.content { 
    min-height: 600px; 
} 
.newstyle { 
    min-height: 0; 
} 
+0

È necessario includere la parte RESET .. buona +1 –

+0

Da allora è stata rimossa dal modulo Flexbox e quell'ancora di collegamento TR, # min- size-auto non è più valido. – danorton

+0

@danorton: Grazie, ho rimosso completamente il riferimento alla flexbox. – BoltClock

5

auto; non è una valida value per min-height proprietà e di conseguenza Opera ignora ...

È possibile specificare min-height utilizzando px, cm ecc, o % o inherit

Sitepoint Reference

+0

E se ho appena non voglio stabilire un min-height ma voglio ignorare l'altro stile min-height? – Alvaro

+0

@BoltClock nah Non penso che 'auto' sia valido –

+0

@Steve non ti ha preso e non è necessario usare' min-height: auto; 'come l'altezza div è automatica per impostazione predefinita a meno che e fino a quando non dai al div qualche altezza –

Problemi correlati