2017-01-02 14 views
-1

高さに何らかの値を指定すると、背景画像が表示されますが、autoに設定すると表示されません。どうしてか分かりません?高さが自動のときに背景画像が表示されない

<!DOCTYPE html> 
<html> 
    <head> 
     <title>pageloading</title> 
    <style> 
    #topheader{ 
     background-image:url("header.png"); 
     background-repeat:no-repeat; 
     background-size: cover; 
     width:100%; 
     height: auto; /* it works if i give some px */ 
       } 
     </style> 

</head> 
<body> 
    <div id="topheader"> 

    </div> 


</body> 
</html> 

誰もがその理由を知っていますか? 「DIV」は、あなたの場合には、その内容に

を自分のサイズに合うようになるためのdivは空で、あなたは彼に測定サイズを与えない限り、彼は背景画像、

を示さなかった理由thatsのことを

答えて

3

ピクセル単位。

1

height: auto divには内容がないため0の高さが与えられ、の自動は高さを数学的に調整します。

関連する問題