Question

当我使用默认的overflow值时，<ul>元素会消失。这是我用谷歌浏览器测试过的剪辑：

＆＃13;

ul {
  list-style-type: none;
  background-color: #333333;
}

li {
  float: left;
  color: white;
}

＆＃13;

<ul>
  <li>Test</li>
</ul>

＆＃13;

但是，当我将overflow: hidden;添加到<ul>时，它会变为可见：

＆＃13;

ul {
  list-style-type: none;
  background-color: #333333;
  overflow: hidden;
}

li {
  float: left;
  color: white;
}

＆＃13;

<ul>
  <li>Test</li>
</ul>

＆＃13;

据我所知，overflow属性指定溢出是否在元素框外呈现。为什么在设置默认overflow: visible时整个元素是不可见的？

Answer 1

因为您的ul没有设置height

为了使溢出产生效果，块级容器必须具有设定高度（高度或最大高度）或空白设置为nowrap。