javascript - 嵌入一​​个 slickgrid 图形以填充浏览器窗口

Question

我想知道是否有任何 CSS/HTML/JavaScript 魔法可以在这里做我想做的事。现在，应用程序的代码有一些硬编码的尺寸，1100x600，但我想让 WIDTH 与浏览器窗口的宽度匹配。

<DIV id="dynamic1" style="width:1100px;height:600px;">
<script> ... java script slickgrid graph ... </script>
</DIV>

我正在考虑像这样包含一个 CSS 块：

#dynamic1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

但不幸的是，这会使图表填满整个屏幕。我真正想要的是将图表嵌入页面上的特定位置；我不希望它占据整个页面。

Answer 1

我稍微改变了你的 CSS，我希望这是你需要的：

#dynamic1 {
  position: absolute;
  left: 0;
  right: 0;
  height:600px;
}

不要忘记删除style="width:1100px;height:600px;"div 的一部分。