CSS 相对定位答案

【问题标题】：CSS relative positioningCSS 相对定位
【发布时间】：2023-03-30 01:06:02
【问题描述】：

我正在开发一个具有动态尺寸的网页，即我首先读取画布的大小并相应地调整我的元素宽度和高度。

if(!window.JSFX)
    JSFX=new Object();

if(!JSFX.Browser)
    JSFX.Browser = new Object();

if(navigator.appName.indexOf("Netscape") != -1)
{
    JSFX.Browser.getCanvasWidth = function() {return innerWidth;}
    JSFX.Browser.getCanvasHeight    = function() {return innerHeight;}
}
else    if(document.all)    {
    JSFX.Browser.getCanvasWidth = function() {return document.body.clientWidth;}
    JSFX.Browser.getCanvasHeight    = function() {return document.body.clientHeight;}
}

function f(){
var h = JSFX.Browser.getCanvasHeight();
var w = JSFX.Browser.getCanvasWidth();
var elem1 = document.getElementById("left");
var elem2 = document.getElementById("right");

if(h){
elem1.style.height = (h-115)+"px";
elem2.style.height = (h-95)+"px";
elem2.style.width = (w-305)+"px";
} 
else return false; 
 } 

window.onload = f;

// HTML

<div id="container">
           <div id="left">
           </div>

           <div id="right">
           </div> 
</div>

我的问题是，当我调整窗口大小时，div 会到处乱跳。我需要 CSS 和 JavaScript 方面的帮助，我可以用来在调整窗口大小时调整 div 的大小。

谢谢。

【问题讨论】：

接受是关键，我的朋友，所以请接受一些答案
这是一个 css 问题——我想要的只是在不移动元素的情况下保持 100% 的高度和宽度。示例 - yell.com/maps/MapAction.do
在寻求更多帮助之前先接受一些答案
这是如何工作的？我必须去旧问题并标记它们吗？
是的：为您提出的每个问题选择您最喜欢的答案，然后单击它左侧的大勾号。（我看到你已经这样做了，只是想我会在这里为其他人记下它。）

标签： javascript html css

【解决方案1】：

“位置：绝对” 和/或 “位置：固定”

【讨论】：

【解决方案2】：

我认为window 对象有一个resize 事件，该事件会在用户调整浏览器大小时触发。

所以，也许在你的 JavaScript 代码末尾添加这个：

window.onresize = f;

【讨论】：