在CSS中，我們通常使用圖層來控制頁面元素的顯示和布局。圖層是頁面上一個獨立的可視化元素，可以是一個圖像、一個文本塊、一個按鈕等等。在本文中，我們將介紹如何在CSS中抽出圖層并進行布局。

在CSS中，我們可以使用position屬性來定義元素的定位方式，其中最常用的值是relative、absolute和fixed。

.box {
position: relative;
}
.box img {
position: absolute;
top: 0;
left: 0;
}

上面的代碼中，我們首先定義了.box元素的position值為relative，意味著該元素的定位方式是相對于其父元素進行定位。然后我們通過.box img選擇器來選擇.box元素下面的img標簽，并將其position值設置為absolute，意味著該元素的定位方式是相對于最近的已定位父元素進行定位。同時，我們指定了該元素的top和left值為0，使其定位在父元素左上角。

通過這種方式，我們可以輕易地抽出圖層并進行精確的定位，從而實現更加靈活和復雜的頁面布局。需要注意的是，在使用position屬性時，我們需要仔細考慮元素之間的關系和層次，以避免出現不可預期的樣式效果。