Jak mogę sprawić, żeby element div zmienił wysokość ekranu?

Question

Próbowałem za pomocą

height: 100% 

ale to sprawia, że ​​div tylko tak wysokie, jak jego zawartość - to zawiera tylko jedno słowo tekstu.

Jak mogę zmusić element div do używania wysokości ekranu?

Answer 1

Potrzebujesz również elementów body i html, aby mieć również wysokość 100%.

Spróbuj następujące CSS:

html, body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
} 

YourDivSelector { 
    height: 100%; 
} 

Margines i wyściółka musi być ustawiony na 0, aby zapobiec AutoScroll w Firefoksie.

Answer 2

Możesz uzyskać szerokość i wysokość okna using JavaScript, a następnie użyć tych wartości, aby ustawić wysokość i szerokość div, w razie potrzeby.

Answer 3

może

min-height:100%; 

co starasz się dokładnie zrobić? opublikuj trochę więcej informacji, a my pomożemy Ci uzyskać więcej

Answer 4

Powinieneś ustawić wszystkie pojemniki zawierające div na wysokość: 100%, łącznie ze znacznikami body i html.

Answer 5

Musisz również ustawić html i body na wysokość: 100%;

html,body{height:100%} 

Answer 6

Znacząco można użyć wysokości = 100%, jeśli wysokość elementu zawierającego jest zdefiniowana. Jego 100%, z czego? bez wysokości, jeśli zdefiniowane w dowolnym miejscu. Możesz użyć javascript, aby uzyskać wysokość bieżącego okna (jak wspomniano wcześniej) lub określić konkretną wysokość 800px lub dowolną wartość. : D