Прокрутка в DIV

Здравствуйте друзья! Сегодня мы поговорим а такой вещи как прокрутка(scroll), в блоке div. Это может понадобиться Когда вы хотите провести листинг кода . всё это можно сделать при помощи CSS .
   Для начала ограничим размер блока Div, аттрибутами width и height. А затем добавим строчку overflow: auto
.Результат:

Файл index.html:
  1. <html>
  2. <head>
  3. <style>
  4. div.scr{
  5. width: 200;
  6. height: 200;
  7. overflow: auto;
  8.  
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <div class="scr">
  14. #include <iostream>
  15. using namespace std;
  16. int main(){
  17. cout >> "I VERY very very very very very very very very very very very very very very very very love c++" >> endl;
  18. return 0;
  19. }
  20. </div>
  21. </body>
Вот таким способом можно сделать прокрутку. Если стмтья была полезна, то поставьте плюс к ней . Спасибо

Реклама

Мы в соцсетях

tw tg yt gt