Html 折叠填充的div与填充的fieldset

我有一个下拉菜单，其结构如下：

• 搜索菜单
  • 项目标题
  • 项目内容（这是一个字段集元素）

我已经向content元素添加了一些填充，但这会在将其最大高度设置为0（即content元素已关闭且不可见）时产生问题，如前所述

上一个链接中的解决方案（如下面的代码所示）似乎只适用于div，而不适用于fieldset元素。我确信我可以用另一个包装来解决这个问题，但我对我遗漏的东西感兴趣，因为我看不出检查员有什么不同。毫无疑问，我错过了一些明显的东西

.div-1、.div-3{
填充：40px；
边框：1px纯红；
}
.div-2、.div-4{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
高度：0px；
宽度：100px；
背景：红色；
溢出：隐藏；
}

你好
你好

浏览器根据浏览器为字段集元素提供默认样式。在Chrome中，它有边距、填充和边框。如果您只是将padding/margin设置为0，border设置为none，那么它的行为将与您预期的一样，高度为0。

浏览器根据浏览器为字段集元素提供默认样式。在Chrome中，它有边距、填充和边框。如果你只是将padding/margin设置为0，border设置为none，那么它的高度将达到你预期的0。

啊，我是个白痴-我在firefox中检查，因为我使用的是grid，它没有在inspector中显示这些默认样式。谢谢。啊，我真是个白痴——我在检查firefox，因为我使用的是grid，它没有在inspector中显示那些默认样式。谢谢