Как сделать так, чтобы элемент игнорировал отступы соседних элементов и имел размеры родительского элемента?

Question

[ixon]

Есть следующий HTML код:

<div class="BlockParent">
element1
<div class="BlockChild">Child</div>
</div>

И Css к нему:

.BlockParent{width:200px;height:170px;display:block;background:#ffff00}
.BlockChild{width:100%;height:100%;position:relative;float:left;background:#ff00ff}

Как сделать так, чтобы элемент(BlockChild) игнорировал отступы соседних элементов(element1) и имел размеры родительского элемента(BlockParent)?
Должно выглядить примерно так:

Answer 1

[Андрей Федоров]

Вы неверно используете свойство position. И float тут не зачем...

codepen.io/aliencash/pen/waBgow