2012-10-25 24 views
5

Zauważyłem, że min-height nie działa w Operze. Próbuję coś takiego:min-height: auto nie działa w Operze

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

A mój kod CSS:

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

i Opera po prostu działa jak min-height nie istnieje.
Jeśli zastosuję inny styl w .newstyle, taki jak tło lub cokolwiek, to działa dobrze. Ale min-height: auto wydaje się nie działać ...

Każdy pomysł?

Odpowiedz

11

CSS2.1 defines the initial value of min-height to be 0, not auto. WartoÊç auto nigdy nie istniał w CSS2.1, więc jest nieprawidłowy w CSS2.1. Wystarczy użyć min-height: 0 zamiast:

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

Powinieneś dołączyć RESET część .. dobra +1 –

+0

Od tego czasu został usunięty z modułu Flexbox i że kotwica TR link, # min- size-auto nie jest już poprawne. – danorton

+0

@danorton: Dzięki, całkowicie usunąłem odniesienie do Flexbox. – BoltClock

5

auto; nie jest poprawnym value dla min-height nieruchomości i stąd Opera ignoruje ...

Można określić min-height użyciu px, cm etc lub % lub inherit

Sitepoint Reference

+0

A nuż Po prostu nie chcą nawiązać min-height, ale chcę, aby zignorować inny styl min wysokości? – Alvaro

+0

@BoltClock nah Nie sądzę, że 'auto' jest ważne –

+0

@Steve nie dostałem ciebie i nie musisz używać' min-height: auto; 'ponieważ twoja wysokość div jest domyślnie automatyczna, chyba że i dopóki nie podasz div o wysokości –