Barra de rolagem em qualquer elemento no HTML5 CSS3. Vídeo 87

Inseri barra de rolagem em todas as tabelas do site, mas isso não é automático em todas de uma vez, porque para dar certo é necessário que se crie uma div antes do elemento que você quer criar essa barra de rolagem.

Vendo o código fonte do CSS (o que realmente cria a barra de rolagem automática) podemos observar o valor "auto" para a propriedade overflow.

A propriedade overflow cria a barra de rolagem, enquanto o valor auto diz para o navegador do usuário criar uma barra de rolagem toda vez que o elemento em questão, no meu caso, tabelas, for maior que a tela do usuário.

Isso mesmo, agora minhas tabelas são "adaptativas".

Código fonte HTML:

Código fonte CSS:

Assista ao vídeo: