Не пустой контейнер

242

21 апреля 2017, 18:13

Проблема в том что есть контейнер, которому со временем может быть присвоена длина 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 Что-то мне подсказывает, что мою проблему решить нельзя

Answer 1

Замени width:0%; на width:0px;

div{ 
  display:inline-block; 
} 
.global{ 
  background:blue; 
} 
.main{ 
  background:red; 
  overflow:hidden; 
  width:0px; /// Можно менять это значение, контейнер будет как бы все равно держать в уме эти блоки 
  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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Если направить мышку на кнопку должна появиться panel

Нужно чтобы когда пользователь направил курсор на button1 автоматически отобразилась panel1 и когда курсор уйдет с button1 и panel1, то panel1 должна скрыться

219

Как проверить разрядность системы?

Имея данный алгоритм, почему-то большую часть показывает x32У меня стоит x64

248

Переход с 1 на 2-ую сцену (Unity)

Пытаюсь сделать игру на Android, при клике по кнопке для перехода на другую сцену выдает ошибку:

429

Удалить из Excel файла строки, не содержащие подстроку

Второй вариант

310