Este elemento está na posição padrão — ele segue o fluxo normal da página.
Este elemento está com relative — ainda no fluxo normal, mas podemos usar posicionamento interno relativo a ele.
Simulando várias linhas de texto para que a barra lateral com anúncio fixe teste o comportamento sticky ao rolar a página.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar ultricies nunc, id ullamcorper orci ullamcorper vitae. Donec luctus velit ex, nec ullamcorper dolor rhoncus vitae. Curabitur ac semper tortor. Aenean sit amet ante a massa porttitor suscipit. Phasellus sed hendrerit nisl. Quisque accumsan dolor ac nunc efficitur feugiat. Integer at tincidunt justo. Integer malesuada, neque vitae tincidunt efficitur, neque purus tempus ante, vitae cursus neque arcu in lectus. Vivamus venenatis eros ac augue consequat, non dignissim arcu pharetra. Morbi pulvinar vestibulum lacus sit amet convallis. Aliquam erat volutpat.
Mais conteúdo...
Pra ver o efeito de rolagem...
Este conteúdo usa position: sticky e “gruda” quando você rola a página — ideal para anúncio lateral.
Dentro desta caixa (position: relative), há uma “imagem” posicionada absolutamente.