javascript - 根据其顶点之一的位置调整 div 的大小

Question

问题背景:我正在使用 960 像素的网格，现在我的布局看起来像 this little piece of art :)但我希望它看起来更像 this ，您可以在其中看到边栏“在视觉上”贴在窗口的左边框上。

现在实际上不必卡住 say。我所需要的只是通过将其背景一直向左

使其看起来像

放置这样的背景我想在网格外使用一个空的 div，看起来像 this : 验证论文:

• 它的(top,left) Angular 是(0,0)
• 它的高度与侧边栏相同
• 它的宽度是(0,0)到(x,y)的距离，其中(x,y)是侧边栏的右上角

注意:(x,y) 随着 Windows 浏览器大小的调整而移动，这让这个问题对我来说很难。

我不知道我是否说清楚了我的问题，但我希望有人知道该怎么做。如果您认为这种方法不是一个好的选择，也请告诉我。

Answer 1

如果我认为你愿意它真的很容易

只做一个div

这是CSS

#divname{
    posision:fixed;
    top:25%;
    left:0;
    z-index:-1;
    width:100%;/* make sure the body is 100% to*/
}

高度就是你在侧边栏中使用的 100%