HTML页面中的DIV定位

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 >

Here all div contains some components..Only outer layout I have shown. 这里所有div都包含一些组件。.仅显示了外部布局。

My requirement is the canvas div should occupy the 80% height of parent div "outerwindow" .Problem I am facing is irrespective of whatever width and height I specify to canvas, height is only almost half of the outerwindow.But width is 100% of the outerwindow.Kindly help. 我的要求是canvas div应该占据父div“ outerwindow”的80％的高度。我面临的问题与我为画布指定的宽度和高度无关，高度仅是外部窗口的一半。但是width是外部窗口的100％外部窗口。请提供帮助。

Answer 1

change g_Painter position style to absolute 将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>

HTML页面中的DIV定位

问题描述

1 个解决方案

解决方案1
0 2013-01-14 11:23:04

HTML页面中的DIV定位

问题描述

1 个解决方案

解决方案1 0 2013-01-14 11:23:04

解决方案1
0 2013-01-14 11:23:04