Para evitar el desplazamiento en CSS, puede utilizar las propiedades `overflow` o `position. Aquí están los pasos detallados:
1. Uso de la propiedad `overflow`:
Esta propiedad especifica si se deben recortar contenidos, agregar barras de desplazamiento o mostrar contenido desplazado.
```css
body {
overflow: hidden;
}
```
En el ejemplo anterior, se oculta el contenido que se desplaza fuera del cuerpo.
2. Uso de la propiedad `position`:
Esta propiedad especifica el tipo de la posición utilizada para un elemento
```css
.elemento {
position: fixed;
}
```
En el ejemplo anterior, el elemento se posiciona en relación a la ventana del navegador. Obliga al elemento a mantenerse en la misma posición en la pantalla, incluso si se desplaza por la página.
Nota: Ambos métodos deben utilizarse con precaución, ya que pueden afectar la accesibilidad y la experiencia del usuario si se utilizan incorrectamente.
