HTML頁面中的DIV定位
[英]DIv positioning in html page
問題描述
<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都包含一些組件。.僅顯示了外部布局。
我的要求是canvas div應該占據父div“ outerwindow”的80％的高度。我面臨的問題與我為畫布指定的寬度和高度無關，高度僅是外部窗口的一半。但是width是外部窗口的100％外部窗口。請提供幫助。
1 個解決方案
解決方案1
0 2013-01-14 11:23:04
將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}
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.