将span元素高度设置为100％时，它不会设置为父Div高度

Question

我有两个div元素。在他们之间我有一个span元素。未给出父div元素高度。但parentDiv的高度是根据div的内容计算的。但span元素高度也设置为100％。但span元素的高度设置为零。请参考以下代码。

<div id="parentDiv">
    <div id="child1"></div>
    <span id="spanelement"></span>
    <div id="child2"></div>
</div>

<style>
    #spanelement{
        height:100%;
        width:100%;
    }
</style>

有谁能建议我如何克服这个问题？谢谢。

Answer 1

<span>元素是内联的。 你需要把它display: block;

Answer 2

您无法设置空SPAN元素的高度和宽度。 无论如何，您可以使用填充而不是高度和宽度 或使用display:block;

Answer 3

这是因为父母不是100％。

试试这个 -

body
{
 height:100%;
 width:100%;
}
html
{
 height:100%;
 width:100%;
}
.parentdiv
{
height:auto;
}