修复了如果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

它工作正常，只是您尝试将margin-top添加到#mid_container {margin-top：50px} 50px相同标题高度中，也许您看不到文本，因为标题后面