[M.....3]

Może mi ktoś wyjaśnic dlaczego tło zaaplikowane do elementu html pokrywa całe widoczne okno przeglądarki, ale nadane obramowanie widoczne jest tylko na małym prostokącie? Konsola podaje że rozmiar elementu html to ten mały prostokąt i to jak najbardziej rozumiem. Nie rozumiem tylko dlaczego tło dotyczy całego obszaru, skoro przecież element html jest (w tym przypadku) tylko malutkim prostokątem.

html {

background-color: red;

 border: 1px solid blue;

}
https://jsfiddle.net/tjq5Ly6b/

#css #webdev

[MarekAntoniusz]

@Matt23 jestem zielonka ale pierwszy raz widzę stylowanie HTML

Spróbuj dodać" height : 100vh"

[M.....3]

@MarekAntoniusz: Ja po prostu chcę poznać przyczynę tego zjawiska. Nie szukam sposobów na jego "naprawienie".

[TheBestThing]

@Matt23: To cos masz zle, normalnie powinno byc obramowanie na całym obszarze. Zastanowilbym sie czemu element html to maly prostokat ¯\_(ツ)_/¯

[MarekAntoniusz]

@Matt23 ja bym powiedział że nie ma określonej wysokości i szerokości więc zajmuje tylko tyle miejsca ile potrzebuje border i jego zawartość

[M.....3]

@TheBestThing: @MarekAntoniusz: Element html jest na tyle długi (height) na ile długa jest jego zawartość. Tak więc to że obramowanie jest małym prostokącikiem jest jak najbardziej w porządku (napisałem to przecież w głównym poście). To że kolor nadany temu elementowi modyfikuje kolor całego okna - to jest dziwne i pytam o powód tego zjawiska.

[TheBestThing]

@Matt23: Nie mam pojecia, nie styluje elementu za czesto :D Zrobilem sobie plik na kompie i dodalem te same style co ty. Na Chrome obramowanie jest wokol calego elementu (height 100%) a na Firefoxie jest tak jak na przykladzie w jsfiddle ¯\_(ツ)_/¯

[petunya]

@Matt23: Bajer jest, że jak powyżej
wklepiesz np. zielonka , to wtedy ramka robi się na cały obszar przeglądarki. Idąc moim tokiem myślenia, możliwe, że to co jest pod (?) ramką jest zarezerwowane na wszystko to, co nie jest w body? Tylko dlaczego na dole a nie u góry? :D