把box2设为固定定位：
<!DOCTYPE html>
<html lang="en" dir="ltr"><head><meta charset="utf-8"><title>定位</title><style media="screen">.box1{width:100px; height: 100px;background-color: rgb(184, 208, 162);}.box2{width:100px;height: 100px;background-color: rgb(231, 223, 143);position:fixed;left: 100px;top: 100px;}.box3{width:100px;height: 100px;background-color: rgb(188, 211, 213);}span{background-color: rgb(209, 198, 209);}</style></head><body><div class="box"><div class="box1"></div><div class="box3"><div class="box2"></div></div><span>span元素</span></div></body>
</html>
输出：固定定位永远都会相对于浏览器窗口进行定位；
固定定位会固定在浏览器窗口某个位置，不会随滚动条滚动；
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=011ihj&title=定位-固定定位
