css - Webページ上の要素を別の要素に対して固定するようにするにはどうすればよいですか？

Question

画面の左側から固定された余白のある要素があります。代わりに、この要素をラッパーの右側に配置したいと思います。解像度が小さいか大きい人は、要素が私のラッパーから非常に離れているか、非常に近いためです。

これが理にかなっていることを願っています！：S

ありがとう

Answer 1

同じ要素で固定と相対の両方を使用することは、私が知る限り不可能です。

あなたができることは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/