Como adicionar barras de rolagem em um DIV

Uma DIV é uma caixa de contêiner que você pode usar para estilizar e exibir texto, imagens e outros elementos da web. Você pode usar contêineres DIV para formar a estrutura básica da sua página da web, dividindo as áreas da página. Se você tiver um DIV de contêiner no qual deseja exibir mais texto do que pode inserir em uma área da sua página da web, poderá adicionar uma propriedade no rótulo do DIV que mostre as barras de rolagem e use-as para rolar o conteúdo no DIV.

Passo 1

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

Etapa 2

Clique para colocar 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.

Etapa 3

Escreve “

“na linha em branco. Essa abertura do rótulo DIV criará um contêiner com 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” overflow: scroll; “Crie barras de rolagem que permitam aos usuários rolar pelo conteúdo no DIV. Pressione” Enter “.

Etapa 4

Digite ou cole o texto, tags de imagem, links ou outro conteúdo que você deseja exibir 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.

Etapa 5

Escreva o sinal de fechamento “

“para fechar o código DIV do contêiner.

Etapa 6

Clique no menu “Arquivo” e depois em “Salvar” para salvar o documento da página da web.

Referências

 

Você pode estar interessado:

Deixe um comentário