CSS清除圖片三像素指的是在網頁布局中，由于圖片大小與周圍元素的位置關系，導致布局出現錯誤的三像素偏移。如圖：

<div id="box">
<img src="example.jpg">
</div>
#box {
width: 300px;
height: 200px;
border: 1px solid #000;
}
img {
width: 300px;
height: 200px;
}

在上面的代碼中，我們有一個300*200的div，內嵌了一張同樣大小的圖片。但是，由于圖片的邊緣與div的邊緣有一點微小的白邊，導致布局出現三像素的偏移。如何解決呢？

一種常用的解決方法是使用負邊距（margin）和相對定位（position）：

#box {
width: 300px;
height: 200px;
border: 1px solid #000;
position: relative;
}
img {
width: 300px;
height: 200px;
position: absolute;
top: -1px;
left: -1px;
}

在上面的代碼中，我們將父容器設置為相對定位，而子容器（即圖片）則使用絕對定位，并設置負邊距，來抵消偏移。

通過這種方式，我們可以避免圖片產生三像素偏移，從而實現網頁布局的完美效果。