CSS（Cascading Style Sheets，層疊樣式表）可以通過設置元素的樣式來處理網(wǎng)頁的外觀。CSS的一個有用的特性是可以通過占位但不顯示的方式來影響網(wǎng)頁的布局。本文將介紹CSS占位但不顯示的方法。

//創(chuàng)建一個占位元素
.placeholder {
display: none;
height: 50px;
width: 50px;
position: absolute;
top: -9999px;
left: -9999px;
}

上面的代碼定義了一個名為placeholder的類，這個類將用于創(chuàng)建一個占位元素。這個元素的display屬性被設置為none，這意味著這個元素將不會在網(wǎng)頁上顯示，但它仍然占據(jù)網(wǎng)頁上的空間。

使用了position:absolute和top、left屬性的值來將這個元素放在網(wǎng)頁的左上角之外。通過設置一個大的負數(shù)值，可以確保這個元素不會顯示在網(wǎng)頁上。

考慮下面的例子：

.box {
background-color: #ccc;
width: 200px;
height: 200px;
margin: 10px auto;
position: relative;
}
.box:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ff0;
opacity: 0.5;
}
.box:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url("icon.png");
width: 50px;
height: 50px;
}
.hidden {
position: absolute;
top: -9999px;
left: -9999px;
width: 0;
height: 0;
overflow: hidden;
}

在這個例子中，我們創(chuàng)建了一個名為box的類，為這個類設置了一個偽元素:before和一個偽元素:after。其中:before元素的樣式覆蓋了.box元素的顏色，使其顯示為黃色。而:after元素則顯示了一個圖標，位于.box元素的中心。

接著，我們又創(chuàng)建了一個名為hidden的類，通過調(diào)整它的位置和大小，使其占用了一個固定的空間。我們將.hidden類應用在:after偽元素的background-image屬性中，當圖標無法顯示時，這個占位元素將頂替它的位置，保證整個布局仍保持原有形態(tài)。

以上就是CSS占位但不顯示的方法，當我們需要影響網(wǎng)頁布局時，它是一個非常有用的技巧。