CSS
一个fix定位的问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区想实现的效果是固定div的位置，当下拉滚动条时，其位置不发生变化
但这个div并不是固定在顶部或浏览器的两侧，也就是说并不相当于整个窗口固定，而是相对于页面的一个div（其父元素）定位
但是position:fixed只能相对窗口定位
下面代码的运行效果，下拉滚动条，红色div位置相对于窗口不变化，而我想相对于蓝色的div位置不变化
这里我写死蓝色div的距离窗口顶部距离为150px，实际上我并不知道距离浏览器顶部和左侧右侧的距离。也就是说我不能写成position:fixed;top:150px。
但这个div并不是固定在顶部或浏览器的两侧，也就是说并不相当于整个窗口固定，而是相对于页面的一个div（其父元素）定位
但是position:fixed只能相对窗口定位
下面代码的运行效果，下拉滚动条，红色div位置相对于窗口不变化，而我想相对于蓝色的div位置不变化
这里我写死蓝色div的距离窗口顶部距离为150px，实际上我并不知道距离浏览器顶部和左侧右侧的距离。也就是说我不能写成position:fixed;top:150px。
<html>
<head>
<title></title>
</head>
<body>
<div style='margin-top:150px;background-color:blue'>
<div style="position:fixed;top:100px;left:60px;width:180px;background-color:red;">
这个是固定的DIV
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</body>
</html>
...全文
