Почему у меня непонятно работает margin-top?

Question

[Дмитрий Анисимов]

У меня два элемента в div
Когда я задаю одному margin-top
Другой тоже отходит вниз.
Я хочу чтобы ушел вниз на несколько пикселей только один элемент.
Вот код:
Html

<dIv content>
   <div bloc> </div>
   <div bloc_1> </div>
</Div>

CSS

.bloc {
display:inline-bloc;
Width:250px;
Height:250;
Background:red;
Margin-top:40px;
}
.bloc_2 {
display:inline-bloc;
Width:250px;
Height:250;
Background: black;
}

Answer 1

[Dymok]

Для этого можно задать первому блоку position: relativeи top:40px;

Comments

[Дмитрий Анисимов]

А какая позиция стоит изначально?

[Dymok]

Dmz_wow, по умолчаниюposition: static;

[Дмитрий Анисимов]

Dymok, а это не чем не чревато?

Answer 2

[Fenz]

Задай padding родителю.

Comments

[Дмитрий Анисимов]

Если задать pading родителю то оба элемента сдвинуться также