如何使网页上的元素相对于另一个元素固定？

Question

我有一个固定的元素，并且屏幕左边有一个边距。我希望将这个元素改为包装器，因为具有较小分辨率或更大分辨率的人将使元素真正远离或者非常接近我的包装器。

我希望这是有道理的！ ：S

由于

Answer 1

就我所知，不可能在同一元素上同时使用fixed和relative。

你可以做的是一个jQuery解决方案。

但固定位置真的有必要吗？如何修复包装然后只使用另一个文档上的相对来相对于包装器定位它？ 那应该解决它。

Answer 2

您可以使用以下内容：

<强> HTML

<div id="wrapper">
    <div id="fixed"></div>
</div>

<强> CSS

#wrapper {
    width: 400px;
    height: 600px;
    margin: 0 auto;
}
#fixed {
    width: 40px;
    height: 100px;
    position: fixed;
    top: 0;
    margin-left: 400px;
}

简单的jsfiddle：http://jsfiddle.net/MXgT9/