Вставляю блок, и даю ему margin-top: 50px - и он сдвигает родителя body в данном случае. Почему так происходит?
Если же дать padding-top: - тогда ок все
* {
margin: 0;
padding: 0;
}
body {
outline: 1px solid red;
}
.logo-bg {
outline: 1px solid orange;
width: 100px;
height: 100px;
margin-top: 50px;
}
<div class="logo-bg">
<a href="#" class="logo">Logotype</a>
</div>