Html 为什么，内部元素<；td>；标签高度为'；不增加？

我试图增加

标记中元素的高度。然而，高度并没有增加

更具体地说，我希望

标签在

标签内部具有100%的高度

代码是：

堆栈溢出
html，
身体{
身高：100%；
宽度：100%；
}
桌子{
身高：100%；
宽度：100%；
}
运输署{
背景色：浅绿色；
}
输入{
身高：100%；
宽度：100%；
框大小：边框框；
}
p{
背景色：蓝紫色；
显示：内联块；
身高：100%；
宽度：100%；
}
1
2

您需要设置为

显示：内联表格或
显示：表格。和
边距：0px因为这是一个
p
标记，默认情况下，此标记具有边距值

将CSS中的
p
样式替换为此样式
:

预览：


html，
身体{
身高：100%；
宽度：100%；
}
桌子{
身高：100%；
宽度：100%；
}
运输署{
背景色：浅绿色；
}
输入{
身高：100%；
宽度：100%；
框大小：边框框；
}
p{
背景色：蓝紫色；
显示：内联表；
身高：100%；
宽度：100%；
边际：0px；
}

一,

二,

在等待对我的评论的反馈时，这里有一个网格布局示例，它不需要为
p
指定
高度，而只需指定
网格的直接子项

它还模拟了
表格布局
，没有副作用和额外的标记


html，
身体，
.边界{
身高：100%；
宽度：100%；
}
* {
框大小：边框框；
保证金：0；
}
边境
.边界p{
边框：实心；
填充：2px；
}
.电网{
显示：网格；
网格模板列：重复（2，1fr）；
网格模板行：1fr 2fr；/*可选，您可以在此处设置行的高度*/
网格间距：2px；
}
输入{
身高：100%；
宽度：100%；
}
p:第一种{
格构柱：跨度2；
填充：0；
}
p{
背景色：蓝紫色；
}



1
2
height:100%需要在parent上设置一个高度，否则它是xx%，不等于null:（。你真的需要一个表吗？flex或grid可以吗？@G-Cyrillus实际上他的代码在chrome上工作得很好。只是失败了Firefox@TemaniAfifff也曾经这样做过，不确定哪一个是正确的：）
p {
    background-color: blueviolet;
    display: inline-table;
    height: 100%;
    width: 100%;
    margin: 0px;
}