Question

我有一个openlayers控件，它位于地图上position:absolute。这个div（它打开一个可关闭的）包含3个组件：一个顶部标题（只是一些文本）一个表（.middle）和一个寻呼机（.bottom）

.main {
  position: absolute;
  top: 4.5em;
  bottom: 10em;
  right: 0.5em;
  text-align: left;

  min-width: 200px;
  max-width: 600px;
  width: 100%;
}

.top {

}

.middle {
  overflow: auto;
}

.bottom {
  position: absolute;
  bottom: 0;
}

无论div最终有多高（响应），并且表应该具有完整的中间部分，寻呼机应始终显示在底部。如果表格太长而且甚至在页面本身之外，那么表格就完全突破了div。

Sideinfo：它是一个带有角度材料表的角度组件。

Answer 1

从bottom移除.main并使用margin + min-height代替

.main {
  position: absolute;
  top: 4.5em;

  // bottom: 10em;
  margin-bottom: 10em;
  min-height: 100%;

  right: 0.5em;
  text-align: left;
  min-width: 200px;
  max-width: 600px;
  width: 100%;
}

包含打开图层的表格中断控制div

1 个答案: