Здравствуйте. Допустим есть два блока (один блок находится внутри другого), мне нужно внутреннему блоку придать верхнему марджину отступ 20px, а левому марджину в 10px. Прописываю внутреннему блоку:
margin: 20px 0 0 10px;
В результате влево есть отступ 10px, все правильно, а вот сверху тоже есть отступ, но не внутреннего блока, а ОБОИХ блоков на эти 20px. Подскажите пожалуйста почему так.
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="b-1">
<div id="b-2"></div>
</div>
</body>
</html>
|
Код:
|
#b-1{
background: #00f;
width: 200px;
height: 200px;
}
#b-2{
background: #f00;
width: 100px;
height: 100px;
margin: 20px 0 0 10px;
} |