Как я могу переместить дочерний div наружу из основного div?

---

Я хочу отдать мергина только за ребенка. И к этому запас в коробке детский поедут за пределами родительского окна. Но это не работает!

Что я уже пробовал:

.parent {
	background: green;
	width: 300px;
	height: 150px;
	display: block;
	position:absulate;
}
.child {
	background: red;
	width: 150px;
	height: 75px;
	display: block;
	margin-top: 200px
	
	/*
	I want to give mergin only for child.
	And for this margin the chld box will go outsite of the parent box.
	But Its doesn't working!
	*/
}

<div class="parent">
    <div class="child">
        Move this div
    </div>
</div>

---