Как убрать отступ снизу родительского блока?

Question

[Pro_Code]

Собственно, есть родительский блок с двумя вложенными блоками. Второй блок должен "наехать" на первый к примеру на 20px(для него соответственно position: relative, top: -20px). Из-за этого у родительского блока появляется отступ снизу в 20px. Можно ли этот отступ как-то убрать? Заранее - спасибо....
HTML:

<div class="container">
		<div class="block-1"></div>
		<div class="block-2"></div>
	</div>

CSS:

.container {
	max-width: 980px;
	margin: 0 auto;
	border: 2px solid red;
}
.block-1 {
	height: 200px;
	border: 2px solid blue;
}
.block-2 {
	position: relative;
	top: -20px;
	height: 300px;
	border: 2px solid green;
}

Answer 1

[andand44]

margin-top: -20px; вместо top: -20px; в .block-2

.block-2 {
  position: relative;
  margin-top: -20px;
  height: 300px;
  border: 2px solid green;
}

Comments

[Pro_Code]

Спасибо. Голову сломал, а решение на поверхности. Position по идее у обоих придется оставлять в положении relative, если по оси Z нужно регулировать?!

[andand44]

Лучше оставлять relative. Так результат будет более предсказуемым.