2010-09-18 15 views

Odpowiedz

51

pierwsze, oświadczam doctype więc jesteś w normach, jeśli nie masz.

Teraz ciało może być tylko tak wysokie jak zawierający go html, więc musisz ustawić znacznik HTML na 100% wysokości, a ciało na min-wysokość 100%. Działa to dla mnie w Firefoksie.

html {height:100%} 
body {min-height:100%} 
+4

niesamowite, że pracował, kontynuacją pytanie: Mam teraz ustawić ciała mieć minimalną wysokość: 100%. Teraz mam inny div wewnątrz ciała, i chcę, żeby to było również min-height: 100% ;, Zrobiłem to, ale to nie działa. –

+0

Szczerze mówiąc, nie jestem pewien co do najlepszego sposobu na osiągnięcie tego w sposób zgodny z różnymi przeglądarkami. – Moses

+1

Dodawanie min-wysokość do ciała nie działa, nawet z html min-height 100% – chovy

6

Nie we wszystkich przeglądarkach, takich jak min-wysokość, spróbuj czegoś takiego, aby przechwycić wszystkie przeglądarki.

min-height:100%; 
    height:auto !important; 
    height:100%; 
+0

To prawda, a twoja rada była jedyną rzeczą, która działała mnie! dzięki! –

0
html{ 
    height:100%; 
} 
body{ 
    min-height:100%; 
    position:relative; 
} 

trzeba dodać

0

Ten pracował dla Chrome 64 bez ustawiania zakodowane wysokość:

html { 
    min-height: 100%; 
    display: flex; 
} 

body { 
    flex: 1; 
}