Tenho a seguinte div
na minha página html
<div id="divContent" class='content'>
Bem vindo ao meu site <br />
1 index index index index index index index index <br />
2 index index index index index index index index <br />
3 index index index index index index index index <br />
4 index index index index index index index index <br />
5 index index index index index index index index <br />
6 index index index index index index index index <br />
7 index index index index index index index index <br />
8 index index index index index index index index <br />
9 index index index index index index index index <br />
10 index index index index index index index index <br />
11 index index index index index index index index <br />
12 index index index index index index index index <br />
13 index index index index index index index index <br />
14 index index index index index index index index <br />
</div>
Abrindo a página no navegador do computador, todo seu conteúdo é exibido. Porém ao abrir em um celular por exemplo, o conteúdo não cabe na tela, escondendo as últimas linhas de conteúdo da DIV
.
Tem alguma maneira de colocar um scroll só em caso de não caber o conteúdo em telas menores?
css
que já possui?