如何使相對於其父div而不是瀏覽器窗口的固定位置div？

Question

我想讓這樣的事情 here is the example sidebar

我有固定的寬度1280px和保證金0自動對齊一個div中心。 下它，我想有在相對靠左對齊其父DIV固定位置的div（下1280px DIV左）

但現在我的固定位置的div是感人的瀏覽器窗口的邊緣。

.sidelinks-lft {width:1280px; margin:0 auto; position:relative;} 
 
.sidelinks-lft .sidelinks {width:200px; position:fixed; left:0; z-index:4; ; top:0; }

<div class="sidelinks-lft"> 
 
<div class="sidelinks"> 
 
<ul> 
 
<li><a href="#multisensory">multisensory</a></li> 
 
<li><a href="#vvc">vvc</a></li> 
 
<li><a href="#mCues">mCues</a></li> 
 
<li><a href="#ergonomics">ergonomics</a></li> 
 
<li><a href="#testing">testing</a></li> 
 
</ul> 
 
</div> 
 
</div>

Answer 1

使用位置絕對兒童格。 in css

.sidelinks-lft {width:1280px; margin:0 auto; position:relative;} 
.sidelinks-lft .sidelinks {width:200px; position:absolute; left:0; z-index:4; ;top:0; }