Html 如何在细节元素中去掉元素下方的空格

我有details元素，如果我把一些东西放在里面，试着让它100%高，元素下面有空间，用textarea和div测试

我指的是.log元素的红色边框和details元素的黑色边框之间的空格

详细信息{
宽度：calc（100vw-20px）；
框大小：边框框；
边框：1px纯黑；
填充：0；
}
.日志{
宽度：100%！重要；
身高：100%；
溢出y：滚动；
框大小：边框框；
边界：无；
边框底部：1px纯红；
大纲：无；
最小高度：50px；
显示：内联块；
}

连接日志
[08:33:43]：连接
连接日志
[08:33:43]：连接

将

垂直对齐：top

添加到日志类。内联元素中为字符保留了空格，例如y、j、g：

详细信息{
宽度：calc（100vw-20px）；
框大小：边框框；
边框：1px纯黑；
填充：0；
}
.日志{
宽度：100%！重要；
身高：100%；
溢出y：滚动；
框大小：边框框；
边界：无；
边框底部：1px纯红；
大纲：无；
最小高度：50px；
显示：内联块；
垂直对齐：顶部；
}

连接日志
[08:33:43]：连接
连接日志
[08:33:43]：连接

将

垂直对齐：top

添加到日志类。内联元素中为字符保留了空格，例如y、j、g：

详细信息{
宽度：calc（100vw-20px）；
框大小：边框框；
边框：1px纯黑；
填充：0；
}
.日志{
宽度：100%！重要；
身高：100%；
溢出y：滚动；
框大小：边框框；
边界：无；
边框底部：1px纯红；
大纲：无；
最小高度：50px；
显示：内联块；
垂直对齐：顶部；
}

连接日志
[08:33:43]：连接
连接日志
[08:33:43]：连接

你是指下面的空格

[08:33:43]：连接

？@ÖmürcanCengiz红色边框和细节边框之间的空格。用屏幕截图更新了问题。尝试删除

min height:50px在选择器
log
@caisil中，这是为了限制文本区域的大小，它不起作用。您是指下面的空间
[08:33:43]：Connection
？@Ömürcancez红色边框和细节边框之间的空间。用屏幕截图更新了问题。尝试删除
min height:50px
在selector
log
@caisil中，这是为了限制textarea的大小，它没有任何效果。太好了，谢谢，我正要写一个在summary和textarea上设置边框的变通方法。太好了，谢谢，我正要写一个在summary和textarea上设置边框的变通方法。