嵌入一个 slickgrid 图形以填充浏览器窗口答案

【问题标题】：Embedding a slickgrid graph to fill the browser window嵌入一个 slickgrid 图形以填充浏览器窗口
【发布时间】：2012-06-25 02:00:39
【问题描述】：

我想知道是否有任何 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;
}

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：