CSS是一種非常強大的工具，可以讓我們在網頁制作過程中實現各種效果。有時候，我們希望在一個網頁上使用多個不同樣式的div，但是這些div占據的位置會影響網頁的整體布局。那么，有什么辦法讓這些div不占位置呢？

答案是使用CSS的position屬性。position屬性可以指定一個元素在文檔中的定位方式。常用的取值有static、relative、absolute和fixed。其中，static是默認值，元素處于文檔流中，不受top、bottom、left和right屬性的影響；relative是相對定位，元素會以自己原先的位置為基準在文檔中定位，會占據文檔流中的位置，但是可以通過top、bottom、left和right屬性微調定位；absolute是絕對定位，元素會相對于最近的已定位的祖先元素定位，如果沒有已定位的祖先元素，則相對于body元素，不占據文檔流中的位置，可以脫離文檔流，可以通過top、bottom、left和right屬性微調定位；fixed是固定定位，元素會相對于瀏覽器窗口定位，不占據文檔流中的位置，可以通過top、bottom、left和right屬性微調定位。

div {
position: absolute;
top: 0;
left: 0;
}

如上代碼所示，我們可以給要隱藏的div設置position:absolute，讓它脫離文檔流，不占據位置，然后通過調整top和left屬性來微調它的位置。這樣，我們就可以將多個div放在同一個位置上，而不會影響網頁的整體布局。

需要注意的是，如果要使用position:absolute或position:fixed來隱藏元素，還需要設置width和height屬性，否則可能會出現元素溢出的情況。另外，元素設置了position:absolute或position:fixed之后，就不再占據文檔流，可能會對其他元素造成遮擋、重疊等影響，需要根據實際情況進行調整。

綜上所述，使用CSS的position屬性可以讓我們輕松實現div不占位置的效果，幫助我們更好地控制網頁的布局。