Фиксированное позиционирование

Создайте веб-страницу, как показано на рис. 1, в которой меню закреплено на одном месте и не сдвигается с прокруткой документа.

Рис. 1

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Меню</title> <style> body { min-height: 1000px; } .menu { background: #edf6ff; width: 140px; padding: 10px; margin: 0; list-style: none; position: fixed; right: 10px; top: 100px; } .menu a { color: #1b4268; } </style> </head> <body> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul> </body> </html>
Эта самостоятельная связана со следующим уроком: Фиксированное позиционирование