Если сделаешь так
| Код |
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>new_file</title>
<meta name="description" content="">
<meta name="author" content="azam">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./s.css">
<link rel="shortcut icon" href="/f.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<style>
html{
height:100%;
}
body{
height:100%;
margin:0;
padding:0;
}
body div.wrapper{
height:100%;
position:relative;
}
h1{
padding: 0; margin: 0;
}
</style>
</head>
<body>
<div class="wrapper">
<div style="margin: 10px;">
</div>
<header>
<h1>new_file</h1>
</header>
<nav>
<p>
<a href="/">Home</a>
</p>
<p>
<a href="/contact">Contact</a>
</p>
</nav>
<footer>
<p>
© Copyright by azam
</p>
</footer>
</div>
</body>
</html>
|
То тоже появится вертикальная прокрутка.
Когда сверху, отступ получается не от общего блока, а от окна браузера. Точнее отступ должен делаться от какого-то блока, в данном случае, когда сверху стоит элемент делается от окна браузера. А когда div находится внутри то отступ делается от элемента, который находится выше.
|