Transbordamento

No CSS, a propriedade overflow controla o que acontece com o conteúdo que transborda a caixa do elemento. Quando o conteúdo de um elemento é grande demais para caber na largura e na altura especificadas, a propriedade overflow determina se o conteúdo deve ser recortado, se barras de rolagem devem ser adicionadas ou se o conteúdo excedente deve ser exibido fora dos limites do elemento. 

Aqui está a sintaxe básica para usar a propriedade overflow:

selector {
    overflow: value;
}

value: O comportamento de overflow desejado, que pode ser um dos seguintes:

• visible: Este é o valor padrão. O conteúdo que excede os limites é renderizado fora da box do elemento e pode se sobrepor a elementos adjacentes.

• hidden: O conteúdo que transborda é recortado, e o restante do conteúdo fica invisível.

• scroll: Adiciona barras de rolagem (horizontais e verticais) ao elemento, permitindo que os usuários rolem pelo conteúdo que transborda.

• auto: O navegador determina se deve adicionar barras de rolagem com base no conteúdo e no espaço disponível. Normalmente, as barras de rolagem são adicionadas apenas quando necessário.

Por exemplo:

div {
    width: 200px;
    height: 100px;
    overflow: scroll;
}

Neste exemplo, todos os elementos <div> com uma largura de 200px e uma altura de 100px terão barras de rolagem adicionadas para visualizar qualquer conteúdo que transborde. 

Você também pode controlar o comportamento de overflow para as direções horizontal e vertical de forma independente usando as propriedades overflow-x e overflow-y:

.example {
    overflow-x: hidden; /* Hide horizontal overflow */
    overflow-y: scroll; /* Add a vertical scrollbar */
}