3将盒子的width和height同时缩小至0又会是什么情况呢亲自试一下吧!部分样式

HTML代码：

<div class="box"></div>

CSS代码：

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  transition: all 1s;
}

.box:hover {
  width: 0;
  height: 0;
}

当将盒子的width和height同时缩小至0时，盒子将完全消失，不再占据任何空间。这是因为，当width和height都为0时， 盒子的内容区域也会变成0，因此盒子就不再存在了。