klsdfj sdlfkj sld fjsdlfj sld fjsldfj slfjdlksdfj lsdj flsjkdflsj dfljksdflsjd flsjdfljs dfljsdlfjsldfjsldfjslfjdl sdj flsjdf lsjdflsjdf lsjdflsjdf lsjdflsdjflsjdflsjdflsj dflsjdflsjdf lsjdflsjdf l
Haz scroll para ver cómo el menú se mantiene fijo arriba y la cabecera se “pega” al llegar al borde superior del viewport.
El contenedor usa position: relative. La caja roja está posicionada 20px desde arriba y 20px desde la derecha dentro de este contenedor.
Más texto para generar desplazamiento...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id magna eu nisl sodales cursus. Cras vitae dolor vel ex egestas posuere. Integer lacinia, lorem nec fermentum viverra, augue eros aliquet turpis, nec consequat enim nulla quis lectus.
Haz más scroll para ver cómo el menú (fixed) nunca se mueve y la cabecera (sticky) se mantiene arriba del contenido.