CSS可以讓圖片不跟隨文檔流，具體步驟如下：

1. 將圖片設(shè)置為絕對定位，將其放置在頁面頂部或底部。

2. 在需要圖片跟隨文檔流的元素上，使用偽元素或內(nèi)聯(lián)元素來隱藏該元素。

3. 為需要顯示圖片的元素設(shè)置一個父元素，并使用CSS的“position: relative”屬性將其定位在文檔流中。

4. 為父元素設(shè)置一個“position: absolute”屬性，并將其定位到圖片所在的位置，這樣就可以讓圖片不跟隨文檔流了。

例如，假設(shè)需要在頁面的“a”標(biāo)簽中顯示一張圖片，并將其不跟隨文檔流。可以使用以下代碼：

<a href="#">

首先，將圖片設(shè)置為絕對定位，將其放置在頁面頂部或底部。

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

接下來，為需要顯示圖片的元素設(shè)置一個父元素，并使用CSS的“position: relative”屬性將其定位在文檔流中。

<div class="container">

<a href="#">

</a>

</div>

最后，為父元素設(shè)置一個“position: absolute”屬性，并將其定位到圖片所在的位置，這樣就可以讓圖片不跟隨文檔流了。

.container {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

這樣，當(dāng)用戶點擊“a”標(biāo)簽時，圖片就會顯示出來。由于圖片不跟隨文檔流，它不會在“a”標(biāo)簽的上下文中移動，而是直接顯示在用戶的面前。