嵌入滑动图形以填充浏览器窗口

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

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