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

Question

我有一个固定的元素，并且距离屏幕左侧有一个边距。我想使这个元素成为包装器的权利，因为分辨率较小或较大的人会使该元素非常远或非常接近我的包装器。

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

谢谢

Answer 1

据我所知，在同一个元素上同时使用固定和相对是不可能的。

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

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

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/