嵌入一个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; 
} 

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