Question

<body>
<div id="outerwindow" style= "position:absolute ;width:100%;height:100%" >

<div>
<canvas id="g_Painter" style="position:relative;width:100%;height:80%"></canvas>
    </div>
<div id="g_Toolbar" >

</div>
div id="innerdiv" >

</div>
</div>
</body >

这里所有div都包含一些组件。我只显示了外部布局。

我的要求是画布div应该占据父div的80％高度＆＃34; outerwindow＆＃34; 。我面临的问题是无论我指定画布的宽度和高度如何，高度几乎只有外窗的一半。但是宽度是外窗的100％。很有帮助。

Answer 1

将g_Painter位置样式更改为absolute

<body>
<div id="outerwindow" style= "position:absolute;width:100%;height:100%;" >
  <div>
    <canvas id="g_Painter" style="position:absolute;width:100%;height:80%;"></canvas></div>
  <div id="g_Toolbar"></div>
  <div id="innerdiv"></div>
</div>
</body>

DIv定位在html页面中

1 个答案: