两个div互相堆叠在一起。如何避免呢？

要避免两个div互相堆叠在一起，可以采取以下几种方法：

1. 使用CSS的position属性：通过设置两个div的position属性为relative或者absolute，并且设置z-index属性来控制它们的层级关系。可以给其中一个div设置一个较大的z-index值，确保它在另一个div的上方。
2. 使用CSS的float属性：通过设置两个div的float属性为left或者right，使它们浮动在页面中的不同位置。这样可以避免它们互相堆叠在一起。
3. 使用CSS的clear属性：在两个div之间插入一个空的div，并设置clear属性为both。这样可以清除两个div的浮动，避免它们互相堆叠。
4. 使用CSS的display属性：通过设置两个div的display属性为inline-block或者flex，使它们以行内块或者弹性盒子的形式排列。这样可以避免它们互相堆叠在一起。
5. 使用CSS的margin属性：通过设置两个div的margin属性，给它们留出足够的间距，避免它们互相重叠。

总结起来，避免两个div互相堆叠的方法主要包括设置position属性、float属性、clear属性、display属性和margin属性。具体选择哪种方法取决于实际需求和布局设计。