CSS: Margin-top, когда у родителя нет границы

Как вы можете видеть вэта картинкаЯу нас есть апельсинdiv внутри зеленыйdiv без верхней границы. Оранжевыйdiv имеет30px верхний край, но этотакже толкает зеленыйdiv вниз. Конечно, добавление верхней границы решит проблему, но мне нужен зеленыйdiv быть сверху без границ. Что я мог сделать?

.body {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	width: 120px;
	height: 112px;
	background-color: lightgreen;
}

.body .container {
	background-color: orange;
	height: 50px;
	width: 50%;
	margin-top: 30px;
}
Top

	Box

Bottom

Спасибо

Ответы на вопрос(7)

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