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

Question

我想做这样的东西 here is the example sidebar

我有一个固定宽度 1280 像素和边距 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

对子 div 使用 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; }