问题描述 之前在项目中，遇到了一个场景，需要实现相对于父元素的fixed定位：在父元素内拖动滚动条时，"fixed"定位的元素不能滑动，在外层拖动滚动条时，父元素及父元素内的所有元素跟着一起滑动。但是position: fixed是相对于窗口进行的定位，不能直接实现我们需要的效果。在网上搜索看到 ...

position:fixed是对于浏览器窗口定位的，要实现相当于父元素定位，可以这样： 不设置fixed元素的top，bottom，left，right，只设置margin来实现。 这种方法本质上fixed元素还是相当于窗口定位的，实现效果上是相对于父元素定位。 此外，position ...

大家都知道，当position的值为fix时，生成绝对定位的元素，相对于浏览器窗口进行定位。 它常常应用的场合是，当下拉滚动条时固定导航栏到顶部，将广告固定在页面两侧或浏览器中间。 如果需要将导航栏div固定到浏览器顶部，只需要将top设置为0即可。 如果要将广告div固定在特定位置，只需要 ...

absolute定位有一个很常用的用途，就是当希望子元素在父元素的正中央时，可以这样操作： ...

父级元素 样式设置： 子元素样式： 这样就可以达到子元素相对父级元素定位了。 ...

尝试方案 父元素relative定位，子元素fixed，但是没法直接实现 解决方案 我们想让特定子元素相对于父元素"fixed"定位，也就是说，剩余的子元素不定位。 那我们可以分开来想，如果添加一个祖先元素assistor，有两个祖先元素，一个用于辅助定位，一个用于包裹不定位 ...

子元素相对于父元素"fixed"定位，也就是说，剩余的子元素不定位。那我们可以分开来想，如果添加一个祖先元 ...

废话不多说。 父级元素 样式设置： 子元素样式： 这样就可以达到子元素相对父级元素定位了。 ...