スパン要素の高さを100％に設定しているときは親に設定されていませんDiv height

Question

2つの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

使用を使用することができます。

this-

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

をお試しください

Answer 2

<span>要素はインラインです。 あなたはそれがdisplay: block;

Answer 3

あなたは高さと空のSPAN要素の幅を設定することはできませんようにする必要があります。 とにかくあなたがパディング代わりの高さと幅 または親が100％ではないので、これがあるdisplay:block;