CSS中的點(diǎn)擊切換Div是一種在網(wǎng)頁設(shè)計中非常實(shí)用的功能，它能夠讓用戶在點(diǎn)擊按鈕或鏈接的時候快速地切換顯示內(nèi)容。下面是一個示例樣式：

.container{
width: 100%;
height: 300px;
position: relative;
}
.box{
position: absolute;
top: 0;
left: 0;
display: none;
}
.box.active{
display: block;
}

在上面的代碼中，我們定義了一個容器和一個box，box使用了絕對定位，然后將其默認(rèn)的display屬性設(shè)置為none，以便隱藏。當(dāng)點(diǎn)擊按鈕時，我們可以使用JavaScript添加一個active類來顯示所需的box：

顯示Box 1顯示Box 2顯示Box 3

在上面的代碼中，我們使用了一個showBox函數(shù)來控制顯示哪個box。當(dāng)傳入的參數(shù)為1時，我們獲取所有的box元素，并將它們的active類移除，然后將第一個box添加上active類以顯示。

通過將點(diǎn)擊事件添加到按鈕上，我們可以使用showBox函數(shù)來切換box的顯示，從而實(shí)現(xiàn)了點(diǎn)擊切換Div的效果。這種方法既簡單又有效，適用于各種類型的網(wǎng)頁設(shè)計。