Есть следующая разметка и стили - пример
<div class="parentBlock">
<div class="upperBlock">Content of upper block</div>
<div class="clear"></div>
<div class="childBlock">
Content of child
</div>
</div>
.parentBlock, .childBlock, .upperBlock {
border: 1px solid red;
}
.upperBlock {
height: 200px;
width: 200px;
float: right;
}
.childBlock {
height: 300px;
position: relative;
top: -100px;
}
В родителе внизу образовалась пустота.
Можно ли с помощью css убрать пустоту?
Т.е. ожидаемый результат
Жёстко задавать
height
у родителя не вариант, т.к. пользователь может менять ширину окна браузера