<!DOCTYPE html>
<html lang="ru">
<head>
<style>
body {
margin: 0;
}
.div-1 {
height: 50px;
width: 50px;
background-color: red;
}
.div-2 {
height: 120px;
}
</style>
</head>
<body>
<div class="div-1"></div>
<div class="div-2"></div>
</body>
</html>margin-top: 1%. И он (margin) стал равен 51.167px. Откуда взялось это число? Разве не должно было быть: высота тега html 270(px) / 100(%) = 1,7px? 
Простой
Средний
Средний
Средний
