如何使固定位置的div相对于其父div而不是浏览器窗口？

Question

我想做这样的here is the example sidebar

我有一个div中心与固定宽度1280px和边距0自动对齐。在它下面，我想让一个固定位置的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

对子div使用position absolute。在css中

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