調整の問題が修正されました

Question

すべての画面解像度でコンテナdivを左側に固定したdivスティックを作成するにはどうすればよいですか？

#container{ 
    background-color:#000; 
    filter:alpha(opacity=85); 
    -moz-opacity: 0.85; 
    opacity: 0.85; 
    width:1000px; 
    min-height:1275px; 
    height:100%; 
    margin:auto; 
} 

#fixed{ 
    position: fixed; 
    top:150px; 
} 

Answer 1

これは、cssプロパティが固定されていることは不可能ですが、コンテナdivの位置を相対divの位置に設定し、Javeryで固定効果をシミュレートすることができます。 例えば

容器固定{

background-color:#000; 
filter:alpha(opacity=85); 
-moz-opacity: 0.85; 
opacity: 0.85; 
width:1000px; 
min-height:1275px; 
height:100%; 
margin:auto; 
position:relative; 
} 

{

width:100px; 
position:absolute; 
top:150px; 
left:-100px; 

}

jQueryの

$（ドキュメント）.ready（関数（）{ 変数$ scrollingDiv = $（ "＃fixed"）;$ {window} .scrollTop（）+ 0）+ "px"} "slowThread"、 "slow" ）; }）; }）;

Answer 2

あなたが正しく理解しているかどうかわかりません。多分これは動作します：

#container{ 
    background-color:#000; 
    filter:alpha(opacity=85); 
    -moz-opacity: 0.85; 
    opacity: 0.85; 
    width:1000px; 
    min-height:1275px; 
    height:100%; 
    margin:auto; 

    position:relative; 
} 

#fixed{ 
    position: absolute; 
    top:150px; 
} 

は見てみましょう：http://jsfiddle.net/gQP8X/2/注：私はより良いjsfiddle適合にいくつかの変更を加えました。

Answer 3

これを試してみてください 、

#wrapper{ 
    width: 600px; 
    height: 2000px; 
    margin: auto; 
    position: relative; 

} 

#content{ 
    margin: auto; 
    width: inherit; 
    height: 100%; 
    float: left; 
} 

#sidebar{ 
    width: 100px; 
    height: 100%; 
    position: absolute; 
     left: -100px; 
} 

#fixed{ 
    top: 100px; 
    width: 100px; 
    height: 150px; 
    position: fixed; 
    background-color: cyan; 
} 

そして

<div id="wrapper"> 
     <div id="content"></div> 
     <div id="sidebar"> 
      <div id="fixed">something</div> 
     </div> 
    </div>