如何去掉相对定位div创建的空白或将div堆叠在一起同时保持滚动。

1. 去掉相对定位div创建的空白： 可以使用绝对定位代替相对定位，或者使用负的margin值来消除空白。示例如下：

HTML代码：

<div class="parent"> <div class="child"></div> </div>

CSS代码：

.parent { position: relative; width: 200px; height: 200px; background-color: #ccc; }

.child { position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; background-color: red; }

或者：

.child { position: relative; margin-top: -50px; margin-left: -50px; }

2. 将div堆叠在一起同时保持滚动： 可以使用CSS的z-index属性将div堆叠在一起，同时设置overflow属性为scroll来保持滚动。示例如下：

HTML代码：

<div class="parent"> <div class="child1"></div> <div class="child2"></div> </div>

CSS代码：

.parent { position: relative; width: 200px; height: 200px; background-color: #ccc; overflow: scroll; }

.child1 { position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; background-color: red; z-index: 2; }

.child2 { position: absolute; top: 70px; left: 70px; width: 100px; height: 100px; background-color: green; z-index: 1; }