<!DOCTYPE html>
<html>
<head>
<title>Свойства блока - css</title>
</head>
<style type="text/css">
.div1 {background-color:red;
width:200px; height:200px;
}
.div2 {background-color:blue;
border-style:solid;
border-color:grey;
margin-top:70px; margin-left:30px;}
</style>
<body>
<div class="div1">
<div class="div2">Текст внутри блока.</div>
</div>
</body>
</html>
margin-left:30px; у css класса div2 работает, как
и ожидалось - голубой блок(смотри рисунок во вложении)
смещается вправо относительно красного.
margin-top:70px; Я ожидал, что голубой блок(класс css div2) будет
смещаться относительно красного вниз на 70 пикселей.
А почемуто смещается красный относительно body
Непонятка какаято.