Html 我将搜索框的宽度设置为0。但它仍然显示了这一点。可能是因为我正在使用flex。但是为什么呢？

我想将搜索框的宽度设置为0。为什么它仍然显示搜索框的某些部分。但是，当我将其高度设置为0时，它将消失，但我无法按预期获得所需的动画。那么为什么宽度没有变为0呢

#搜索框{
弹性增长：0.7；
边界半径：50px；
高度：50px；
利润率：25px 60px 0px 50px；
框大小：边框框；
宽度：0px；
过渡：所有0.8秒缓解；
背景色：黑色；
}
#搜索文本{
位置：相对位置；
顶部：13px；
左：15px；
宽度：0px；
大纲：无；
背景：白色；
边界：无；
}
#搜索btn{
浮动：对；
位置：相对位置；
底部：8px；
左：5px；
高度：60px；
宽度：65px；
背景：绿色；
边界半径：50%；
大纲：无；
光标：指针；
}
#search-box.active{
宽度：200px；
边框：1px纯黑；
}

@乌斯曼网站

将

宽度设置为0，改为
显示：无如下所示。那就成功了


#搜索框{
弹性增长：0.7；
边界半径：50px；
高度：50px；
利润率：25px 60px 0px 50px；
框大小：边框框；
宽度：0px；
过渡：所有0.8秒缓解；
背景色：黑色；
}
#搜索文本{
位置：相对位置；
顶部：13px；
左：15px；
显示：无；
大纲：无；
背景：白色；
边界：无；
}
#搜索btn{
浮动：对；
位置：相对位置；
底部：8px；
左：5px；
高度：60px；
宽度：65px；
背景：绿色；
边界半径：50%；
大纲：无；
光标：指针；
}
#search-box.active{
宽度：200px；
边框：1px纯黑；
}

@乌斯曼网站


将
宽度设置为0，改为
显示：无如下所示。那就成功了


#搜索框{
弹性增长：0.7；
边界半径：50px；
高度：50px；
利润率：25px 60px 0px 50px；
框大小：边框框；
宽度：0px；
过渡：所有0.8秒缓解；
背景色：黑色；
}
#搜索文本{
位置：相对位置；
顶部：13px；
左：15px；
显示：无；
大纲：无；
背景：白色；
边界：无；
}
#搜索btn{
浮动：对；
位置：相对位置；
底部：8px；
左：5px；
高度：60px；
宽度：65px；
背景：绿色；
边界半径：50%；
大纲：无；
光标：指针；
}
#search-box.active{
宽度：200px；
边框：1px纯黑；
}

@乌斯曼网站


这也会隐藏搜索按钮。那么，单击什么来显示该栏？这不管用。它只隐藏输入。。。你测试过吗？？那你想做什么？你自己解释一下……是的，我解释过了。它也不会隐藏搜索按钮。那么，单击什么来显示该栏？这不管用。它只隐藏输入。。。你测试过吗？？那你想做什么？你自己解释一下……是的，我解释过了。它什么也不做。可以在
输入上尝试
最小宽度：0
，该输入具有默认的最小宽度。可以在
输入上尝试
最小宽度：0
，该输入具有默认的最小宽度。