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

Question

我想做这样的事情 here is the example sidebar

我有一个div中心，固定宽度为1280px，边距为0 auto。 在它下面我希望有一个固定位置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使用位置绝对。 在css

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