Mógłby mi ktoś wytłumaczyć na czym polega w html'u pozycja relatywna i absolutna? Bo czytając o tym w internecie nie jestem w stanie tego idealnie zrozumieć ( ͡°ʖ̯͡°) #html #programowanie
@James0n: W telegraficznym skrócie: position: static; - domyślne zachowanie elementów, brak możliwości używania z-index, brak możliwości pozycjonowania absolutnego dzieci względem elementu
position: relative; - bez podawania top, left, right i bottom zachowuje się jak static, ale umożliwia używanie z-index oraz pozycjonowanie absolutne dzieci względem elementu. Z podanymi współrzędnymi top, left, right lub bottom pozycjonuje element relatywnie do jego początkowej pozycji w dokumencie (top: 10px przesunie 10px w dół, left: 10px przesunie 10px w prawo, right: 10px przesunie 10px w lewo, a bottom: 10px przesunie 10px w górę. Element pozycjonowany relatywnie pozostaje we flow strony w punkcie wyjściowym, innymi słowy nie ważne jak przesuniesz element, inne elementy będą myślały, że znajduje się on tam, gdzie był na starcie i na tej podstawie obliczą swoją pozycję.
position: absolute; - znajduje pierwszego przodka wypozycjonowanego relatywnie lub absolutnie i pozycjonuje nasz element względem lewego górnego rogu tego przodka. Jeśli takiego przodka nie ma, element pozycjonowany jest względem tagu . Elementy pozycjonowane absolutnie nie znajdują się we flow strony w żadnym wypadku, to znaczy, że inne elementy nie będą go brały pod uwagę przy
#html #programowanie
Komentarz usunięty przez autora
position: static; - domyślne zachowanie elementów, brak możliwości używania z-index, brak możliwości pozycjonowania absolutnego dzieci względem elementu
position: relative; - bez podawania top, left, right i bottom zachowuje się jak static, ale umożliwia używanie z-index oraz pozycjonowanie absolutne dzieci względem elementu. Z podanymi współrzędnymi top, left, right lub bottom pozycjonuje element relatywnie do jego początkowej pozycji w dokumencie (top: 10px przesunie 10px w dół, left: 10px przesunie 10px w prawo, right: 10px przesunie 10px w lewo, a bottom: 10px przesunie 10px w górę. Element pozycjonowany relatywnie pozostaje we flow strony w punkcie wyjściowym, innymi słowy nie ważne jak przesuniesz element, inne elementy będą myślały, że znajduje się on tam, gdzie był na starcie i na tej podstawie obliczą swoją pozycję.
position: absolute; - znajduje pierwszego przodka wypozycjonowanego relatywnie lub absolutnie i pozycjonuje nasz element względem lewego górnego rogu tego przodka. Jeśli takiego przodka nie ma, element pozycjonowany jest względem tagu . Elementy pozycjonowane absolutnie nie znajdują się we flow strony w żadnym wypadku, to znaczy, że inne elementy nie będą go brały pod uwagę przy