1. 将图片设置为绝对定位，将其放置在页面顶部或底部。
2. 在需要图片跟随文档流的元素上，使用伪元素或内联元素来隐藏该元素。
3. 为需要显示图片的元素设置一个父元素，并使用CSS的“position: relative”属性将其定位在文档流中。
4. 为父元素设置一个“position: absolute”属性，并将其定位到图片所在的位置，这样就可以让图片不跟随文档流了。
例如，假设需要在页面的“a”标签中显示一张图片，并将其不跟随文档流。可以使用以下代码：
<a href=”#”>
首先，将图片设置为绝对定位，将其放置在页面顶部或底部。
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
接下来，为需要显示图片的元素设置一个父元素，并使用CSS的“position: relative”属性将其定位在文档流中。
<div class=”container”>
<a href=”#”>
</a>
</div>
最后，为父元素设置一个“position: absolute”属性，并将其定位到图片所在的位置，这样就可以让图片不跟随文档流了。
.container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
这样，当用户点击“a”标签时，图片就会显示出来。由于图片不跟随文档流，它不会在“a”标签的上下文中移动，而是直接显示在用户的面前。