Registro de áreas desplazables en el lado de inicio en línea

En una página web predeterminada de izquierda a derecha, “colgar” un elemento del lado derecho de la página (por ejemplo, position: absolute; right: -100px;) activa una barra de desplazamiento horizontal que se desplaza tanto como sea necesario para hacer visible todo el elemento. Pero si cuelga un elemento del lado izquierdo de la página, simplemente se oculta (no se activa ninguna barra de desplazamiento). Eso se llama “pérdida de datos” en términos CSS, si te apetece. Lo mismo ocurre con el borde superior de la página (oculto) y la parte inferior de la página (se produce desplazamiento).

Ahmad insiste en esto. Es sólo una de esas cosas de CSS que necesitas saber. Me encanta cómo Ahmad usa direcciones lógicas inline-startcomo dirección (y block-startdirección) para describir el tema porque esas direcciones cambian cuando cambia la dirección o el modo de escritura de la página. Si la página es de derecha a izquierda (RTL) html, entonces los bordes horizontales donde se produce la pérdida de datos se invierten (excepto en Firefox ‍♀️).