html页面中的DIv定位答案

【问题标题】：DIv positioning in html pagehtml页面中的DIv定位
【发布时间】：2013-01-14 19:23:04
【问题描述】：

<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 "outerwindow" 的 80% 高度。我面临的问题与我为画布指定的宽度和高度无关，高度几乎只有外窗口的一半。但宽度是100% 的外窗。请帮忙。

【问题讨论】：

你用的是什么浏览器？在这里工作：jsfiddle.net/YchrS

标签： css html positioning css-position

【解决方案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>

【讨论】：