主页 / 问题 / 656460
Accepted
MaximPro
Asked:2020-04-21 08:04:34 +0000 UTC2020-04-21 08:04:34 +0000 UTC

不是空容器

  • 772

问题是有一个容器最终可以被分配为 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>

我不知道如何提出正确的问题（如有必要，让他们重命名）。

PS 有些事情告诉我我的问题无法解决

html

1 个回答

  1. Best Answer

    替换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>

    在此处输入图像描述 在此处输入图像描述

    • 2

相关问题