Question

下面我的固定标题代码适用于桌面浏览器，但如果我在移动浏览器中运行则不会。

如果我将'mid_container' div的内容更改为text，则表明它正在运行。我不明白为什么，如果我将其更改为image，它就无法运作。

有什么想法吗？

＆＃13;

#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;
}

＆＃13;

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

＆＃13;

Answer 1

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

如果div内容是图像，则修复了标题不起作用

1 个答案: