Como adicionar barras de rolagem em um DIV

Adicione a barra de rolagem para rolar o conteúdo em seu DIV.

Passo 1

Clique com o botão direito do mouse no documento da página da Web em um editor de texto para abri-lo e clique em "Abrir com". Escolha "Notepad" ou "WordPad" na lista de programas disponíveis e clique em "OK".

Passo 2

Clique para posicionar o cursor na linha de código onde você deseja colocar o contêiner DIV. Pressione "Enter" (ou Enter) para criar uma linha em branco, se necessário.

Passo 3

Escreva "" na linha em branco. Essa abertura de tag DIV criará um contêiner de 100 pixels de altura e 400 pixels de largura (você pode modificar os valores de altura e largura conforme necessário, mas deve defini-los). A propriedade "estouro: rolar"; cria barras de rolagem que permitem aos usuários rolar pelo conteúdo no DIV. Pressione "Enter".

Passo 4

Digite ou cole o texto, rótulos de imagens, links ou outro conteúdo que você deseja mostrar no contêiner DIV e pressione “Enter”. Se o conteúdo adicionado nesta etapa exceder os valores de altura e largura definidos na etapa 3, as barras de rolagem serão ativadas e poderão ser usadas para mover o conteúdo no DIV.

Passo 5

Escreva o rótulo de fechamento "" para fechar o código do contêiner DIV.

Passo 6

Clique no menu "Arquivo" e depois "Salvar" para salvar o documento no site.