@Dmz_wow

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

У меня два элемента в 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;
}
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
UnluckySerivelha
@UnluckySerivelha
Для этого можно задать первому блоку position: relativeи top:40px;
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Fenz
Задай padding родителю.
Ответ написан
@faradeifrontend
Пиши пример кода правильно в след раз одним регистром не dIV Background, а всегда мелкими буквами.
display:inline-bloc; = display: inline-block; =не пропускай буквы.

То что нужно?

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы