Проблема в том что есть контейнер, которому со временем может быть присвоена длина 0, но глобальный контейнер сохраняет эти элементы будто они имеют длину хотя их обнулили (нужно чтобы произошло так что глобальный контейнер уменьшился в размерах).
Вот код:
div{
display:inline-block;
}
.global{
background:blue;
}
.main{
background:red;
overflow:hidden;
width:0%; /// Можно менять это значение, контейнер будет как бы все равно держать в уме эти блоки
white-space:nowrap;
}
.square{
width:50px;
height:50px;
background:green;
border:1px solid black;
}
<div class="global">
<div class="main">
<div class="square"></div>
<div class="square"></div>
</div>
</div>
<div class="text">hello!</div>
Не знаю как задать правильно вопрос (пусть переименуют если нужно будет).
P.S Что-то мне подсказывает, что мою проблему решить нельзя