Question

以下代码无法正常使用。

的index.html

#header {
  z-index: 2;
  height: 90px;
  width: 100%;
  min-width: 1060px;
}
#footer {
  position: absolute;
  z-index: 2;
}
#top-wrapper {
  overflow-x: auto;
}
#main-content {
  min-width: 1060px;
  position: absolute;
  overflow-y: auto;
}
#image-wrapper {
  padding-left: 20%;
  padding-right: 20%;
  width: 100%;
  height: 500px;
}
#coordinations {
  position: absolute;
  width: 100%;
  height: 500px;
}

<div id="top-wrapper">
  <div id="header">
    <!-- some nav menu -->
  </div>
  <div id="main-content">
    <div id="image-wrapper"></div>
    <div id="coordinations"></div>
  </div>
  <div id="footer">
    <!-- some footer note -->
  </div>
</div>

这里的问题是我的滚动有不可见的#coordination div，我无法将其变为零或摆脱（因为它具有我需要在＃image-wrapper div上使用的所有协调）。 / p>

我试图在＃main-content div上创建不可见的div，所以使用overflow-y但它不起作用。我试图将#main-content包含在更大的div中，将min-height包含在某个x值中。它仍然无效。

任何可能的方式我都可以拥有＃image-wrapper而没有来自#coordinations的隐形内容？

更新

#coordinations
{
position:relative;
width:100%;
height:0px;
}

抱歉，我没有看到这一点，而是通过将位置更改为相对和高度为0px。 #coordinations的协调点或子女不受影响。

感谢您的帮助。

Answer 1

您已将#coordinations设置为display: absolute，为什么不将其left: -9999px;移出屏幕？

滚动图片不起作用

1 个答案: