Javascript 将DIV几何图形100%固定到浏览器中其他元素旁边
出于各种原因，我正在一个所见即所得网站设计师身上做实验。（计划是使此桌面和移动设备友好） 我遇到的一个问题是通过宽度和高度将div#canvas设置为100%。此外，我甚至没有在Firefox上看到div画布，也不确定这是为什么 让我详细说明一下 我的div#canvas放在我想要的地方。我的div.options位于右侧：0；它的宽度是291px。我想告诉我的div#canvas填充页面宽度，使其覆盖正文，但不要超过正文 我尽我所能解释了，但为了更直观地理解，这里是我为这篇文章制作的一个设计原型。 HTML：Javascript 将DIV几何图形100%固定到浏览器中其他元素旁边,javascript,jquery,css,layout,css-position,Javascript,Jquery,Css,Layout,Css Position,出于各种原因，我正在一个所见即所得网站设计师身上做实验。（计划是使此桌面和移动设备友好） 我遇到的一个问题是通过宽度和高度将div#canvas设置为100%。此外，我甚至没有在Firefox上看到div画布，也不确定这是为什么 让我详细说明一下 我的div#canvas放在我想要的地方。我的div.options位于右侧：0；它的宽度是291px。我想告诉我的div#canvas填充页面宽度，使其覆盖正文，但不要超过正文 我尽我所能解释了，但为了更直观地理解，这里是我为这篇文章制作的一个设计原
<body>
<header class="header">Links</header>
<div class="toolbox">Tools</div>
<div class="content" id="canvas"></div>
<div class="options">Options</div>
</body>
/* Canvas */
#canvas {
position:absolute;
top:81px; left:44px;
width:100%; height:100%;
}
.header {
position:absolute;
top:0; left:0;
width:100%; height:81px;
}
.toolbox, .options {
position:absolute;
top:81px; height:100%;
}
.toolbox { left:0; width:44px; }
.options { right:0; width:291px; }
您可以指定所有四个维度，它将拉伸画布：
#画布{
位置：绝对位置；
顶部：81px；左侧：44px；右侧：291px；底部：0；
}