2012-10-25 7 views
5

Ich habe festgestellt, dass min-height funktioniert nicht in Opera. Ich versuche, so etwas wie dieses:Min-Höhe: Auto funktioniert nicht in Opera

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

Und mein CSS-Code ist:

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

Und Opera verhält sich wie min-height nicht existierte.
Wenn ich einen anderen Stil in .newstyle, wie Hintergrund oder was auch immer, dann funktioniert es gut. Aber min-height: auto scheint nicht zu funktionieren ...

Irgendeine Idee?

Antwort

11

CSS2.1 defines the initial value of min-height to be 0, not auto. Der Wert hat in CSS2.1 nie existiert, daher ist es in CSS2.1 ungültig. Verwenden Sie einfach min-height: 0 statt:

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

Sie sollten den RESET-Teil enthalten .. gut +1 –

+0

Es wurde seither aus dem Flexbox-Modul entfernt und der TR Link Anker, # min- size-auto ist nicht mehr gültig. – danorton

+0

@danorton: Danke, ich habe die Flexbox-Referenz komplett entfernt. – BoltClock

5

auto; ist keine gültige value für min-height Eigentum und damit Opera ignoriert ...

Sie min-heightpx mit angeben können, cm usw. oder % oder inherit

Sitepoint Reference

+0

Und was, wenn ich gerade nicht wollen, einen min-height zu etablieren, aber ich mag min-height die andere Art ignorieren? – Alvaro

+0

@BoltClock nah Ich glaube nicht, dass "auto" gültig ist –

+0

@Steve hat dich nicht bekommen und du brauchst nicht "min-height: auto;" zu verwenden, da deine div height automatisch automatisch ist, außer und bis du dem Div etwas Höhe gibst –