如何设置子类div相对父类div位置

可以使用CSS的position属性来设置子元素相对于其父元素的位置。具体来说，有以下几种方法：

1. 使用position: relative和top/left/right/bottom

使用position: relative设置父元素的定位属性，然后在子元素中使用top/left/right/bottom等属性来设置子元素的位置。例如：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 50px;
  left: 50px;
}

上述代码中，父元素的position属性设置为relative，子元素的position属性设置为absolute。然后通过top和left属性来设置子元素相对于父元素的位置。

2. 使用margin

可以使用margin属性来设置子元素相对于父元素的位置。例如：

.parent {
  position: relative;
}

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

上述代码中，父元素的position属性设置为relative，子元素的margin属性设置为50px，即可实现子元素相对于父元素的位置。

3. 使用transform

可以使用CSS的transform属性来设置子元素相对于父元素的位置。例如：

.parent {
  position: relative;
}

.child {
  position: absolute;
  transform: translate(50px, 50px);
}

上述代码中，父元素的position属性设置为relative，子元素的position属性设置为absolute。然后使用transform属性的translate()方法来设置子元素相对于父元素的位置。

无论使用哪种方法，都需要将父元素的position属性设置为relative或absolute，才能使子元素相对于父元素进行定位。