• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Rozciągnięcie div'a na maksymalną wysokość

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
699 wizyt
pytanie zadane 4 marca 2018 w HTML i CSS przez WireNess Stary wyjadacz (11,240 p.)

Witam

Jaki atrybut CSS ustawi div na 100% wysokości?

Próbowałem min-height: 100%; ale to chyba nie to :|

 

Będę wdzięczny za pomoc. Od zawsze miałem z tym problem :D

3 odpowiedzi

+1 głos
odpowiedź 4 marca 2018 przez Jedras Maniak (54,860 p.)
+1 głos
odpowiedź 7 marca 2018 przez Eimens Maniak (69,240 p.)

Cześć,

to nic trudnego. W przypadku wysokości wartość podana w % nie zdaje rezultatu. Z pomocą przychodzą Viewport Units. Są to jednostki  vw, vh, vmax, vmin. Za ich pomocą ustawisz wielkość elementu względem okna przeglądarki. Jeżeli ustawisz wysokość oraz szerokość elementu na 100vh, 100vw. To twój element na każdym urządzeniu (niezależnie od rozmiaru) będzie zajmował całą przestrzeń roboczą, czyli 100 x 100%. Tym samym uzyskasz efekt, który chciałeś. Tych jednostek nie trzeba używać tylko do nadawania wielkości elementom blokowym, możesz za ich pomocą określić wielkość czcionki. 

Jeżeli miałbyś ochotę i minutę to tutaj podrzucam link do ciekawego artykułu.

0 głosów
odpowiedź 7 marca 2018 przez eryk0393 Nowicjusz (200 p.)

Można też tak: Link

Podobne pytania

0 głosów
1 odpowiedź 161 wizyt
0 głosów
2 odpowiedzi 287 wizyt
+2 głosów
1 odpowiedź 358 wizyt

93,084 zapytań

142,045 odpowiedzi

321,466 komentarzy

62,431 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...