【发布时间】：2015-06-17 00:58:26
【问题描述】：
我正在使用自定义版本的侧边栏，响应能力被禁用。
可以在jsfiddle 上找到它的定制版本（请参阅完整的小提琴以获取其余代码）。
#sidebar-wrapper {
box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 50px 1px rgba(255, 255, 255, 0.5);
z-index: 1000;
position: absolute;
right: 250px;
width: 250px;
height: 100%;
margin-right: 0%;
overflow-y: auto;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
如何防止它随着屏幕尺寸的变化而移动？即使我将所有参数与 % 更改为固定像素大小，当我调整屏幕大小时它仍然会不断移动。当我尝试将位置从绝对位置更改为相对位置时，它会严重崩溃，我不知道为什么。
我正在尝试创建一个无响应的网站，其中所有内容都是固定的，并且在调整屏幕尺寸时不会四处移动。
有人知道如何将侧边栏的位置固定在它的位置吗？
谢谢！
【问题讨论】：
-
正如我所说，每当我将位置从“绝对”更改为其他任何内容时，整个侧边栏都会消失
-
page-content-wrapper 仍然有 % 宽度
-
@MattHammond 我也改变了它，但它仍然给我带来了问题。我从 IDE 的 HTML 和 CSS 中删除了所有带有 % 的内容，但它仍然会移动。这很令人沮丧。
-
抱歉，我对您的目标有点困惑。
-
@MattHammond 我想为页面使用 960px 宽度。因此，当我们说移动设备访问它时，他们将看到桌面页面。如果我没记错的话，现在，如果他们访问该页面，他们将看到侧边栏位于原本不应该出现的位置。现在，页面上的任何元素都保持在原位，并且可以通过滚动访问，但侧边栏一直在移动（就像响应栏一样）并且永远不会在滚动条后面。