divコンテンツが画像の場合、固定ヘッダーが機能しない

Question

以下の固定ヘッダーコードはデスクトップブラウザーでは動作しますが、モバイルブラウザーで実行しても表示されません。

'mid_container' divの内容をtextに変更しても問題ありません。 理由を理解できません。imageに変更すると動作しません。

アイデア？

#header-wrap { 
 
    background: #eeeeff; 
 
    position: fixed; 
 
    width: 100%; 
 
    height: 50px; 
 
    top: 0; 
 
    z-index: 1; 
 
} 
 
#mid_container { 
 
    background: #fff; 
 
    padding-right: 20px; 
 
    position: relative; 
 
    clear: both; 
 
}

<div id="header-wrap"> 
 
    Your menu 
 
    <br/>Link1 Link2 Link3 
 
</div> 
 
<div id="mid_container"> 
 
    <img src="img/SMRT-MapSept16.jpg" /> 
 
</div>

Answer 1

それだけでuは#mid_containerにマージントップを追加してみてください細かい を働いている{マージントップ：は50px}ヘッダーの は50px同じ高多分uがあるため、ヘッダの後ろにテキストを参照してくださいcannt