在CSS中編寫層疊式的div，可以通過使用position屬性來實現(xiàn)，以下是一些示例代碼，展示如何創(chuàng)建層疊式的div：

1、使用relative定位創(chuàng)建層疊式的div：

<div style="position: relative;">
  <div style="position: absolute; top: 0; left: 0;">***個div</div>
  <div style="position: absolute; top: 20px; left: 20px;">第二個div</div>
  <div style="position: absolute; top: 40px; left: 40px;">第三個div</div>
</div>

在這個示例中，每個內(nèi)部的div都使用absolute定位，相對于***近的relative定位的祖先元素（即***外層的div）進(jìn)行定位，這樣，每個div都會疊加在前一個div的上面，形成層疊效果。

2、使用z-index控制層疊順序：

<div style="position: relative;">
  <div style="position: absolute; top: 0; left: 0; z-index: 1;">***個div</div>
  <div style="position: absolute; top: 20px; left: 20px; z-index: 2;">第二個div</div>
  <div style="position: absolute; top: 40px; left: 40px; z-index: 3;">第三個div</div>
</div>

在這個示例中，通過z-index屬性來控制每個div的層疊順序，數(shù)值越大的z-index表示該元素在層疊順序中越靠后，即覆蓋在其他元素上面。

層疊順序不僅受z-index影響，還受到其他因素如元素的位置、大小、形狀等的影響，在實際應(yīng)用中，需要根據(jù)具體需求進(jìn)行調(diào)整和優(yōu)化。